طراحی سایت Archives - وب دیزاین https://wd7.ir/tag/طراحی-سایت Web Design Mon, 06 Nov 2017 05:29:11 +0000 fa-IR hourly 1 https://wordpress.org/?v=6.8.5 آشنایی با SVG https://wd7.ir/introduction-to-svg.html https://wd7.ir/introduction-to-svg.html#comments Thu, 09 Nov 2017 07:20:54 +0000 https://wd7.ir/?p=1930 SVG چیست؟ به معنی گرافیک برداری مقیاس‌پذیر می‌باشد که مخفف کلمه Scalable Vector Graphics می‌باشد. برای گرافیک‌های دوبعدی استفاده می‌شود. ازنظر کیفیت بسیار عالی هستند که با ZOOM روی گرافیک  کیفیت آن تغییری نمی‌کند چون‌که تصاویر SVG وکتور و برداری هستند و   حجم این فایل‌ها از فرمت‌های پیکسلی کم‌تر است، چون فایل‌های SVG کاملاً XML […]

The post آشنایی با SVG appeared first on وب دیزاین.

]]> SVG چیست؟

به معنی گرافیک برداری مقیاس‌پذیر می‌باشد که مخفف کلمه Scalable Vector Graphics می‌باشد. برای گرافیک‌های دوبعدی استفاده می‌شود. ازنظر کیفیت بسیار عالی هستند که با ZOOM روی گرافیک  کیفیت آن تغییری نمی‌کند چون‌که تصاویر SVG وکتور و برداری هستند و   حجم این فایل‌ها از فرمت‌های پیکسلی کم‌تر است، چون فایل‌های SVG کاملاً XML هستند.

 

پشتیبانی مرورگرها

  • مرورگر chrome   : نسخه 4.0
  • مرورگر FireFox :  ورژن0
  • مرورگر internet Explorer  : ورژن0
  • مرورگر Opera : نسخه 0
  • مرورگر safari : نسخه 3.2

رسم دایره در SVG

ما میتوانیو با SVG اشکال متفاوتی را رسم کنیم ولی من فقط رسم دایره را برای شما توضیح می‌دهم، بقیه اشکال را در زیر معرفی خواهم کرد. رسم دایره در SVG با استفاده از عنصر <circle>. از عنصر <circle> برای ایجاد یک دایره استفاده می‌شود.

در زیر کد SVG دایره‌ی بالا را در قالب یک مثال مشاهده می‌کنید:

<html>
  <head>
  </head>
  <body>
      <svg height="100" width="100">
        <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> 
      </svg>
  </body>
</html>

توضیحات کد بالا:

  • برای رسم دایره به کد SVG خود یک طول و عرض مشخصی می‌دهیم.
  • خصوصیات cx و cy به ترتیب، مختصات x و y از مرکز دایره را مشخص می‌کنند. درصورتی‌که cx و cy مشخص نشوند، مرکز دایره به مختصات (0,0) در نظر گرفته خواهد شد.
  • خصوصیت r، شعاع دایره را مشخص می‌کند.

 

اَشکال SVG

SVG شامل تعدادی شکل از پیش تعریف‌شده است که می‌توانند توسط برنامه نویسان مورداستفاده قرار بگیرند:

<rect> مستطیل

<circle> دایره

<ellipse> بیضی

<line> خط

<polyline> چندخطی

<polygon> چندضلعی

<path> مسیر

نکته‌ای باید در اینجا بیان کرد این است که می‌توان از عنصر path برای رسم یک مسیر و شکل خاص استفاده کرد:

برای ایجاد یک رسم در SVG، از دستورات خلاصه‌ی زیر استفاده می‌شود:

M  = برو به یک نقطه

L  = خط رسم کن تا این نقطه

H  = خط افقی رسم کن تا این نقطه

V  = خط عمودی رسم کن تا این نقطه

C  = رسم منحنی تا این نقطه

S  = رسم منحنی صاف تا این نقطه

Q  = رسم منحنی درجه 2

T  = رسم منحنی درجه 2 صاف

A  = کمان بیضوی

Z  = بستن رسم

<html>

<head>
</head>

<body>
    <svg height="210" width="400">
        <path fill="#660066" d="M70 0 L170 0 L250 200  L0 200 Z " />
    </svg>
</body>

</html>

در کد بالا یک‌چند ضلعی را رسم کردیم.

SVG تعداد زیادی خصوصیت را برای ایجاد شیوه‌های رسم مختلف، ارائه می‌دهد. ازجمله :

  • خصوصیت stroke درواقع رنگ یک خط یا متن یا کادر دور عناصر را مشخص می‌کند.
  • خصوصیت stroke-width ضخامت یک خط یا کادر دور عناصر را مشخص می‌کند.
  • خصوصیت stroke-linecap باعث می‌شود تا برای یک رسم بازشده، حالت ابتدا یا انتهای آن رسم را مشخص کنیم.
  • از خصوصیت stroke-dasharray برای ایجاد خط‌ها به‌صورت فاصله‌دار، استفاده می‌شود.

تمامی خصوصیات شیوه‌ی رسم می‌توانند به هر نوع خط، یا متن یا خطوط دور عناصری همچون دایره، اضافه شوند.

ایجاد عکس‌های SVG

عکس‌های SVG می‌توانند به‌وسیله‌ی هر ادیتور متنی ایجاد شوند؛ اما این راحت‌تر است که برای ایجاد عکس‌های SVG از یک نرم‌افزار ترسیم‌کننده استفاده کنیم.

قرار دادن تصاویر SVG در Html به کمک تگ <img>

اگر تصویر SVG تون رو به‌عنوان یک فایل ذخیره کنید می‌توانید مستقیماً توسط تگ <img> آن را در سایتتان قرار بدید. کافیه کد زیر رو در کدهای html سایتتان قرار بدید:

<html>

<head>
</head>

<body>
    <img src="نام عکس.svg" alt="Image Description">
</body>

</html>

برای توضیحات بیشتر و آشنایی با نحوه ایجاد فونت های اختصاصی  اینجا کلیک  کنید.

 

The post آشنایی با SVG appeared first on وب دیزاین.

]]> https://wd7.ir/introduction-to-svg.html/feed 4 فرمت فیلم در وردپرس https://wd7.ir/convert-video-for-wordpress.html https://wd7.ir/convert-video-for-wordpress.html#respond Wed, 26 Jul 2017 04:46:04 +0000 http://wd7.ir/?p=12   برای نمایش فیلم در سایت‌هایی که قالبشان بر مبنای وردپرس می‌باشد، از چه فرمتی استفاده کنیم تا با هر سیستم(لپ‌تاپ، موبایل، تبلت و…) و مدل‌های مختلف آن، همچنین هر مرورگری قابل پخش باشد؟ باتوجه به اینکه پلیر پیش‌فرض خود وردپرس از فرمت رایج mp4 پشتیبانی میکنه و فرمت فیلم‌هایی که با موبایل گرفته می‌شود […]

The post فرمت فیلم در وردپرس appeared first on وب دیزاین.

]]>  

برای نمایش فیلم در سایت‌هایی که قالبشان بر مبنای وردپرس می‌باشد، از چه فرمتی استفاده کنیم تا با هر سیستم(لپ‌تاپ، موبایل، تبلت و…) و مدل‌های مختلف آن، همچنین هر مرورگری قابل پخش باشد؟

باتوجه به اینکه پلیر پیش‌فرض خود وردپرس از فرمت رایج mp4 پشتیبانی میکنه و فرمت فیلم‌هایی که با موبایل گرفته می‌شود نیز mp4 می‌باشد ، به راحتی قابل پخش است.

اما تکلیف فیلم‌هایی که با دوربین‌های مخصوص فیلم‌برداری با کیفیت بالاتر و فرمت‌های دیگر گرفته می‌شود چیه؟

ساده‌ترین راه: نصب افزونه‌ای قدرتمند که به صورت پیش‌فرض همه فرمت‌های ویدئو را اضافه و پخش کند. من که همچین افزونه‌ای پیدا نکردم

بهترین راه: استفاده از نرم‌افزارهای مبدل (Converter) برای تبدیل هر فرمتی به فرمت‌ mp4 است.

پیشنهاد من استفده از تبدیل کننده
Xilisoft Video Converter Ultimate
لینک دانلود نرم افزار

با نصب و اجرای نرم‌افزار، صفحه زیر ظاهر می‌شود :
راهنمایی:

اضافه کردن فیلم

انتخاب فرمتی که فیلم باید تبدیل شود
Profile → Device → General Video Format → H264/MPEG4-AVC Video

یا

Profile →Multimedia Format → MP4/M4V → H264/MPEG4-AVC Video

آدرس ذخیره فیلم تبدیل شده

و در نهایت تبدیل کردن

 

 

The post فرمت فیلم در وردپرس appeared first on وب دیزاین.

]]> https://wd7.ir/convert-video-for-wordpress.html/feed 0 مزیت خرید اینترنتی https://wd7.ir/%d9%85%d8%b2%db%8c%d8%aa-%d8%ae%d8%b1%db%8c%d8%af-%d8%a7%db%8c%d9%86%d8%aa%d8%b1%d9%86%d8%aa%db%8c.html https://wd7.ir/%d9%85%d8%b2%db%8c%d8%aa-%d8%ae%d8%b1%db%8c%d8%af-%d8%a7%db%8c%d9%86%d8%aa%d8%b1%d9%86%d8%aa%db%8c.html#respond Thu, 09 Feb 2017 16:35:48 +0000 https://shahab-net.ir/?p=481 آیا تا به حال فکر کردید چگونه میتوان بدون اتلاف وقت و دور از ترافیک و شلوغی بازار خرید کرد؟ حتما براتون پیش اومده در هوای سرد یا گرم مجبور بشید برای خرید، مسافتی را طی کنید با دسترسی آسان به اینترنت دیگه وقتشه که از خریداینترنتی استفاده کنیم با دسترسی آسان به اینترنت، ارتباط […]

The post مزیت خرید اینترنتی appeared first on وب دیزاین.

]]> آیا تا به حال فکر کردید چگونه میتوان بدون اتلاف وقت و دور از ترافیک و شلوغی بازار خرید کرد؟
حتما براتون پیش اومده در هوای سرد یا گرم مجبور بشید برای خرید، مسافتی را طی کنید

با دسترسی آسان به اینترنت دیگه وقتشه که از خریداینترنتی استفاده کنیم

با دسترسی آسان به اینترنت، ارتباط جامعه‌های بشری راحت‌تر شده و خرید اینترنتی به یک روش رایج در خرید تبدیل شده تا مردم بتوانند مایحتاج مورد نیاز خود را در منزل به نحو احسن و در نهايت خریدهای به دور از خطر جاده، اتلاف وقت در مسیر و صف خرید از طریق اینترنت انجام دهند.

مزایای خرید اینترنتی:

1) صرفه جویی در زمان:
با در نظر گرفتن میزان ترافیک، جای پارک خودرو و مسافت پیاده تا فروشگاه مورد نظر تنها با چند کلیک مي‌توان تمام نیازهای خود را خریداری کرد و این امر تا حد زیادی در زمان صرفه جویی می کند.

2) صرفه جویی در بنزين:
افراد دیگر برای خرید نیاز به وسایل نقلیه ندارند در نتیجه هزینه‌ای برای سوخت بنزين پرداخت نخواهند کرد، حتي براي مسافت‌هاي كم.

3) صرفه جویی در انرژی:
گاها خرید نیاز به زمان زیادی دارد و به همین دلیل ممکن است خسته کننده باشد. بدتر از این زمانی است که محصول مورد نظر شما در بازار موجود نباشد.

4) جستجوی آسان کالا:
به کاربر این امکان را می دهد تا به راحتی، کالای مورد نظر با رنگ، سایز، مدل و سبک خاص خود را برای خرید بیابد. علاوه بر این می تواند به راحتی وجود و یا عدم وجود کالا ها را بررسی کند.

5) حق انتخاب:
قدرت بالای انتخاب با كمترين زمان در میان طیف گسترده ای از کالاهاست.

6) مقایسه قیمت ها:
باتوجه به مشکل بودن مقایسه شرایط خرید و محصول به دلیل بعد زمان و مکان، این نوآوری پیشرفته  اجازه می‌دهد تا به راحتی برندها و قیمت‌ها را تنها با چند کلیک بررسی و مقایسه کنید.

7) مقایسه آسان فروشگاه ها و کالاها:
در مقایسه با خرید از فروشگاه‌هاي سنتی، اینترنت به خریداران این امکان را می‌دهد که به‌راحتی دو کالا را در کنار هم مقایسه کنند و حتی در صفحه مانیتور خود به طور همزمان به دوکالا در کنار فهرستی از مشخصات هرکدام نگاه کنند. این کار بسیار ساده تر از آن است که مشخصات یک کالا را هنگام خرید کالای دیگر به خاطر داشته باشیم.

8) حمل كالا:
نیاز به حرکت و جابه‌جایی فیزیکی برای یافتن کالای مورد نظر در داخل هر فروشگاه و از یک فروشگاه به فروشگاه دیگر و حمل کالای خریداری شده تا منزل مشكل است.

9) نظرات کاربران:
در خرید آنلاین شما قادر خواهید بود از نظرات خریداران پیشین و کاربران عادی در مورد محصول مورد نظر خود اطلاع کسب کنید.

 

شاید بتوان با توجه به مطالعات صورت گرفته، عمده‌ترین مزیت فروشگاه اینترنتی را “راحتی و سهولت” در امر خرید و فروش دانست.

 

معایب استفاده از فروشگاه اینترنتی برای خریداران

علاوه بر مزایای زیاد فروشگاه اینترنتی، یک عیب ناچیز نیز وجود دارد.

عدم امکان بررسی کالا از نزدیک

در فروشگاه اینترنتی تنها شرح محصول و عکس آن نمایش داده می‌شود و کالا قابل لمس نیست که موجب بروز مشکل برای بعضی خریداران آنلاین می‌شود. كه با امكان رزرو كالا در فروشگاه آنلاين ديگر اين مشكل نخواهد بود. بدین صورت که:
•    در مسافت‌هاي كوتاه با رزرو  چند ساعته كالا ميتوان بدون اتلاف وقت زياد  فقط به آدرس فروشگاه مقصد مراجعه  و از نزديك آن را مشاهده كرد.
•    مشاهده درب منزل و تکمیل خرید

The post مزیت خرید اینترنتی appeared first on وب دیزاین.

]]> https://wd7.ir/%d9%85%d8%b2%db%8c%d8%aa-%d8%ae%d8%b1%db%8c%d8%af-%d8%a7%db%8c%d9%86%d8%aa%d8%b1%d9%86%d8%aa%db%8c.html/feed 0 دليل موفقیت مدیر فروشگاه‌های معروف https://wd7.ir/%d8%af%d9%84%d9%8a%d9%84-%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%85%d8%af%db%8c%d8%b1-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87%e2%80%8c%d9%87%d8%a7%db%8c-%d9%85%d8%b9%d8%b1%d9%88%d9%81.html https://wd7.ir/%d8%af%d9%84%d9%8a%d9%84-%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%85%d8%af%db%8c%d8%b1-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87%e2%80%8c%d9%87%d8%a7%db%8c-%d9%85%d8%b9%d8%b1%d9%88%d9%81.html#respond Sun, 05 Feb 2017 16:27:32 +0000 https://shahab-net.ir/?p=396 نوآوری لازمه کسب و کار است! آیا دليل موفقیت مدیر فروشگاه‌های معروف را می‌دانید؟ آیا می‌دانیستید در سال‌های اخیر بیشتر کسب وکارها از اینترنت برای انجام تجارتشان استفاده می‌کنند؟ بارها شاهد خريد آنلاين همشهريانمان از ديگراستان‌ها بوده‌ايم درصورتي كه همان كالا در فروشگاه‌های شهرمان موجود بوده و اين به خاطر آگاهي مردم به تحقيق قبل […]

The post دليل موفقیت مدیر فروشگاه‌های معروف appeared first on وب دیزاین.

]]> نوآوری لازمه کسب و کار است!

آیا دليل موفقیت مدیر فروشگاه‌های معروف را می‌دانید؟

آیا می‌دانیستید در سال‌های اخیر بیشتر کسب وکارها از اینترنت برای انجام تجارتشان استفاده می‌کنند؟

بارها شاهد خريد آنلاين همشهريانمان از ديگراستان‌ها بوده‌ايم درصورتي كه همان كالا در فروشگاه‌های شهرمان موجود بوده و اين به خاطر آگاهي مردم به تحقيق قبل از خريد در سايت‌هاي اينترنتي است، که در نهایت اين تحقيق آسان و کم‌هزینه در كمترين زمان به خريد آنلاين ازمسافت دور تبديل می‌شود. به همین دلیل فروشگاه‌های اینترنتی به یک تجارت پر رونق و در حال رشد تبدیل شده و روز به روز محبوب‌تر می‌شود كه نسبت به خرید و فروش سنتی مزایای روشنی دارد.

با تاثیر اینترنت درتغییر و تحول زندگی بشر نیاز وب‌سایت برای هر فروشگاهی احساس می‌شود.

دليل موفقیت مدیر فروشگاه‌های معروف:

•    استفاده از وب‌سایت و تاثیر آن در اطلاع‌رسانی و اعتبارستجی
•    تاثیر غیرقابل انکار فروش آنلاین درگسترش مشتریان، مثل سایت دی جی کالا
•    معرفی راحت محصولات خود به بازدیدکنندگان
•    مشتری مداری مدرن( مشتری با خرید آنلاین بدون اتلاف وقت در مسیر یا در صف خرید، كالاي خریداری شده خود را در درب منزل تحویل می‌گیرد).

مدیران فروشگاه‌های معروف مثل *دی‌جی کالا* با ایجاد وب‌سایت، تاثیر مثبت آن را در گسترش مشتریان خود ملاحضه نموده‌اند.

 

ازهم اکنون با یک مدیریتی وسیع و موفق، فروشگاه اینترنتی مدرن راه‌اندازی کنید و
تجارتی پررونق داشته باشید.

 

مزایای فروشگاه اینترنتی برای فروشگاه‌ها:

1) جلوگيري ازخستگي فروشنده در توضيح مداوم اطلاعات يك كالا:
یکی از برتری‌های فروشگاه اینترنتی امکان نمایش بازخورد مشتریان است که می تواند به خریداران اطلاعات ارزشمندی درباره کیفیت کالا یا خدمات مشتریان ارائه نماید، و درنتيجه با صرفه‌جويي انرژي و زمان توضيح مداوم فيزيكي اطلاعات كالا حذف مي‌شود.

2) مشتری مداری مدرن و منحصربفرد:
برای فروشندگان، اینترنت یک سیستم ارتباط با مشتری منحصربه فرد ایجاد می‌کند که هیچگاه در بزرگترین بازارهای فیزیکی یافت نمی‌شود. روزانه میلیون‌ها نفر خرید آنلاین انجام می‌دهند که از طریق تبلیغات اینترنتی به آن می‌رسند، این عملکرد ساده‌تر از مبادلات فيزيكي است.

3) فروش بيشتربا عدم وجود صف فروش:
در زمان شلوغی فروشگاه‌های سنتی مخصوصا موقع تعطیلات و آخر هفته‌ها، نیاز به صرف وقت نسبتا زیاد برای انجام فروش در ساعات کار محدود فروشگاه با بي‌حوصلگي فروشندگان غیرماهر و بی‌تجربه مواجه هستيم و همچنين احتمال تمام شدن کالاهای موجود در انبار براي نمايش وجود خواهد داشت كه اين موارد دور از مشتري مداري مي‌باشد.

4) فروشگاه 24 ساعته:
فروشگاه اينترنتي در هر لحظه از شبانه روز آماده سرويس دهي به مشتريان است و به خریدار اجازه می‌دهد تا در هر زمان که می‌خواهد به خرید بپردازد درفروشگاه اینترنتی 24ساعته هیچ گونه صف طولانی برای خرید کالای مورد نظر شما وجود ندارد.

5) فروش در شهرهاي هم‌جوار:
ديگر افراد با دسترسي به اينترنت برای جستجوی کالا به‌دنبال فروشگاهی خاص در مکان جغرافیایی خاص نيستنند، بلكه به دنبال كالاي موردنظر خود در هر مكان و مسافتي با خريد آنلاين هستند. بنابراین يک فروشگاه سنتي به منطقه بسيار محدودي خدمات مي دهد اما خريد و ارسال سفارش از يک فروشگاه آنلاين به دورترين نقاط کشور و (در صورت فروش با کارت هاي اعتباري بين المللي) به تمام نقاط دنيا امکانپذير است.

6) سرویس انبارداری و پست لجستیک:
فروشگاه کالاها را از انبار لجستیک خود به آدرس خریداران ارسال می کند. و چنین فرآیندی به این معناست که دیگر نیازی به اجاره یک فضای خرده فروشی ندارید. دیگر با كمبود فضا مواجه نيستيد چرا كه نیازی نیست کالاها را داخل قفسه‌های مختلف مغازه بچینند تا هنگام مراجعه مشتریان مورد توجهشان قرار گیرد.

7) اطلاع نظرات کاربران:
در خرید آنلاین مدیرفروشگاه قادر خواهد بود از نظرات خریداران پیشین و کاربران عادی در مورد فروشگاه و محصولات نسبت به تغییرات آن در کمک به پیشرفت فروشگاه استفاده کند

شاید بتوان با توجه به مطالعات صورت گرفته، عمده‌ترین مزیت فروشگاه اینترنتی را “راحتی و سهولت” در امر خرید و فروش دانست.

 

امكانات سايت فروشگاهی:

• صفحه معرفي فروشگاه (شرح سابقه فروشگاه ، آدرس کامل فروشگاه ترجیحا همراه با لینک نقشه گوگل و اطلاعات تماس)
• صفحه معرفی محصولات فروشگاه (معرفی تک تک محصولات فروشگاه  به همراه امکان مشاهده و بررسی محصولات با جزئیات بیشتری، به جذب مشتری بیشترکمک می‌کند )
•    فروشگاه آنلاین (امکان مقایسه محصولات و قیمت‌های آن‌ها ، صرفه جویی در زمان ، انعطاف پذیری در زمان خرید ، عدم نیاز به تحرک فیزیکی ، وجود قیمت های رقابتی ، تنوع محصولات و سهولت در سفارش خرید)
•    ثبت نام مشتریان جديد در سایت(مشتریان می‌توانند در سایت عضو شوند)
•    بخش خدمات به مشتریان(تخفیف چند درصدی خرید به مشتریان عضو شده در سایت، ارسال رایگان و…)
•    شفارش آنلاين
•    بخش استخدام (اگر فروشگاه به نيروي كار نياز داشت اطلاعیه در قسمت استخدام زده شود)
•    نظرات مشتری(مشتری جدید با نظرسنجی‌های رضایتمندی که قبلا شده با اطمینان خاطر خرید می‌کند)
•    پیشنهادات و انتقادات (به پیشرفت در کسب و کار کمک می‌کند)
•    رزرواسیون کالا(مشتری قادر است  در مسافت‌هاي كوتاه با رزرو  چند ساعته كالا بدون اتلاف وقت زياد  فقط به آدرس فروشگاه مقصد مراجعه  و از نزديك آن را مشاهده كرده و بعد خرید کند).

The post دليل موفقیت مدیر فروشگاه‌های معروف appeared first on وب دیزاین.

]]> https://wd7.ir/%d8%af%d9%84%d9%8a%d9%84-%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%85%d8%af%db%8c%d8%b1-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87%e2%80%8c%d9%87%d8%a7%db%8c-%d9%85%d8%b9%d8%b1%d9%88%d9%81.html/feed 0 مشکل نمایش عکس در گوشی – web developers https://wd7.ir/%d9%85%d8%b4%da%a9%d9%84-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%d8%b9%da%a9%d8%b3-%d8%af%d8%b1-%da%af%d9%88%d8%b4%db%8c-web-developers.html https://wd7.ir/%d9%85%d8%b4%da%a9%d9%84-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%d8%b9%da%a9%d8%b3-%d8%af%d8%b1-%da%af%d9%88%d8%b4%db%8c-web-developers.html#respond Sun, 10 Jul 2016 14:55:13 +0000 http://shahab-net.ir/?p=214 مشکل نمایش عکس در گوشی ، تجربه ای که امروز در اختیارتون قرار می دیم. این مطلب برای وب مستران عزیز بوده،یا کسانی که مسئول کار با محتوای وب سایت ها هستند،که چگونه مشکل نمایش عکس در گوشی را حل کنند. وقتی که مشکل نمایش عکس در گوشی کلافه تان می کند! امروز سایت طراحی […]

The post مشکل نمایش عکس در گوشی – web developers appeared first on وب دیزاین.

]]> مشکل نمایش عکس در گوشی ، تجربه ای که امروز در اختیارتون قرار می دیم.

این مطلب برای وب مستران عزیز بوده،یا کسانی که مسئول کار با محتوای وب سایت ها هستند،که چگونه مشکل نمایش عکس در گوشی را حل کنند.

وقتی که مشکل نمایش عکس در گوشی کلافه تان می کند!

امروز سایت طراحی شده ی یکی از مشتریان عزیز رو داخل گوشی موبایل و جهت تست responsive کار بررسی می کردم که به قضیه جالبی برخوردم،اون هم اینکه برخی تصاویر و تنها دو تصویر در گوشی با مشکل مواجه هستند،جایشان هست اما خودشان نه! یعنی مرورگر گوشی قابلیت نمایش اون رو نداشت.

عکس رو حذف و آپلود مجدد کردیم اما مشکل به جا بود،اسم عکس رو از فارسی به انگلیسی تغییر دادیم اما باز مشکل به جا بود و بسی ضد حال!

این مشکل شاید به چشم نیاد اما برای مشتری ما مهم هست که سایتش در رزولیشن موبایل و مرورگرهای رایج موبایلی هم خوب نشون داده بشه و باز از آنجاییکه برای حل مشکل باید تلاش کرد و ساکت نموند، دست به دامان فتوشاپ شدیم و تصویر رو یک بار باز و به صورت بهینه وب ذخیره کردیم و بومب! مشکل حل شد.

اینجا منوی ؛save for web & Devices؛ باز هم کارشو به خوبی انجام داد و راهگشای این مشکل بود.حقیقتا دمش گرم!

یک نکته برای گرافیست های وب!

workspace کارتون رو مخصوص وب تنظیم کنید و حتما گزینه ای که بالاتر اشاره شد هم برای خروجی تصاویری که قراره تو وب نمایش داده بشه ، استفاده بشه تا وقت وب مستر بنده خدا گرفته نشه.البته شما خودتون استادید،جسارت نباشه یه موقع،جهت یادآوری بود فقط.

گرافيست وب بايد به اين قضيه توجه مي كرد كه شايد گوشي بعضي از كاربران (مخصوصا گوشي هاي توليد شده يكي دو سال پيش) هر فرمتي  و عكس با حجم بالا را پشتيباني نمي كند، و مي بايست در ذخيره عكس با فتوشاپ گزينه “(ذخیره برای وب و دستگاه های)… save for web & Devices” با فرمت “JPEG”(همه گوشي ها اين فرمت را پشتيباني مي كنند) را انتخاب مي كرد.

خلاصه کار طراحی و کدنویسی و پشتیبانی سایت این چیزها رو هم داره،البته شما هم ديگه گوشيتونو عوض كنيد و يه گوشي به روز و پيشرفته بگيريد، با فناوري پيش بريد. 🙂

The post مشکل نمایش عکس در گوشی – web developers appeared first on وب دیزاین.

]]> https://wd7.ir/%d9%85%d8%b4%da%a9%d9%84-%d9%86%d9%85%d8%a7%db%8c%d8%b4-%d8%b9%da%a9%d8%b3-%d8%af%d8%b1-%da%af%d9%88%d8%b4%db%8c-web-developers.html/feed 0