• ¡Welcome to Square Theme!
  • This news are in header template.
  • Please ignore this message.
مهمان عزیز خوش‌آمدید. ورود عضــویت


امتیاز موضوع:
  • 1 رای - 1 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
Title: فرمت مناسب برای تصاویر در طراحی سایت
حالت موضوعی
#1
در طراحی سایت یکی از المان هایی که بیش از هرچیز دیگر بیشتر به چشم کاربر می آید تصاویر است . در ادامه همراه باشید تا فرمت های مناسب برای تصاویر در طراحی سایترا بررسی کنیم .

در وبسایت وجود عکس های جذاب و البته کم حجم میتواند تاثیرات شگرفی برروی کاربران و درگیری آنها با وبسایت داشته باشند .

همه این‌ها به کدگذاری که هنگام ایجاد تصویر با یک فرمت خاص انجام شده، برمی‌گردد. JPEG به درد عکاسی می‌خورد (حرف P مخفف Photographic است) زیرا لبه‌های تیز را محو می‌کند و شیب‌های نرم را نگه می‌دارد. کدگذاری یک تصویر دارای بلوک‌های رنگی بزرگ و شارپ با استفاده از JPEG باعث از دست دادن وضوح و کدگذاری ناقص می‌شود.

برعکس، گیف به درد لوگو و بلوک‌های ساده نمودار می‌خورد، زیرا این فرمت روی تغییرات نواحی رنگی یکنواخت تمرکز می‌کند. واضح است این ویژگی به هیچ وجه مناسب تصاویری که پیکسل به پیکسل تفاوت رنگی دارند، نیست.
مرورگرها چه میگویند ؟

 تا اینجا با فرمت های رایج مورد استفاده آشنا شدیم . درواقع باید بدانید که مرورگرهای نسل جدید از جدید ترین نسل عکس ها استفاده میکنند . حال باید ببینیم چه مرورگری چه فرمتی را ساپورت میکند؟

به عنوان مثال، WebP در طراحی سایت نسبت به گیف، PNG و JPEG در موارد مختلف نتیجه بسیار بهتری می‌دهد. برای آزمایش، تصویری که در بالا استفاده کردیم با کدگذاری WebP، 90.5 کیلوبایت حجم داشت که حدود 15 درصد کمتر از فرمت JPEG است. با این‌حال، شما فقط زمانی می‌توانید از این فرمت استفاده کنید که مرورگر موردنظرتان کروم، اپرا یا مرورگر اندورید باشد.

JPEG XR فرمت مخصوص مایکروسافت، JPEG eXtended Range، است که برپایه فرمت اصلی JPEG توسعه پیدا کرده و حتی مانند PNG و WebP قابلیت پشتیبانی از تصاویر ترنس‌پرنس (شفاف) را هم دارد.

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

حتی ممکن است شما 4 نسخه از یک تصویر را بسازید: تصویر اول که توسط یکی از فرمت‌های قدیمی و رایج، کدگذاری شده (برای همه دستگاه‌ها) و سه تصویر دیگر که هرکدام با استفاده از فرمت‌های نسل بعد و مخصوص هریک از مرورگرها (برای لذت‌بردن از نهایت بهینه‌سازی تصاویر) کدگزاری شده‌است. این کار نیاز به زمان و تلاش زیادی دارد.

تاکنون ما درباره فرمت‌های قدیمی که در همه مرورگرها قابل استفاده‌اند و فرمت‌های جدید در دسترس مخصوص بعضی از مرورگرها صحبت کردیم.

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


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  سئو و جامعیت انسانی آن چه تاثیری در طراحی سایت دارند ؟ maryammo 0 447 02-19-2018، 10:56 AM
آخرین ارسال: maryammo
  چگونه یک نام جذاب برای استارتاپ خود انتخاب کنیم ؟ itzeroone 0 401 02-18-2018، 03:35 PM
آخرین ارسال: itzeroone
  چگونه مشتری جدید را برای طراحی سایت یا موارد دیگر جذب کنیم ؟ itzeroone 0 373 02-18-2018، 11:05 AM
آخرین ارسال: itzeroone
  چگونه مشتری جدید را برای طراحی سایت یا موارد دیگر جذب کنیم ؟ sarinweb 0 410 02-17-2018، 01:05 PM
آخرین ارسال: sarinweb
  سئو شدن ویدیو های سایت خود را جدی بگیرید maryammo 0 390 02-17-2018، 10:00 AM
آخرین ارسال: maryammo
  دیجیتال مارکتینگ از طریق کامنت های وب سایت بعد از طراحی سایت maryammo 0 714 02-14-2018، 10:31 AM
آخرین ارسال: maryammo
  اعتبار سایت را با رقبایمان چگونه ارزیابی کنیم تا در طراحی سایت شکست نخوریم ؟ itzeroone 0 418 02-14-2018، 10:24 AM
آخرین ارسال: itzeroone
  اینستاگرام مارکتینگ در طراحی سایت - قسمت اول itzeroone 1 495 02-12-2018، 12:36 PM
آخرین ارسال: sangriz
  توییتر و دیجیتال مارکتینگ در طراحی سایت - قسمت دوم maryammo 0 478 02-12-2018، 10:47 AM
آخرین ارسال: maryammo
  اینستاگرام مارکتینگ در طراحی سایت - قسمت دوم sarinweb 0 380 02-12-2018، 10:38 AM
آخرین ارسال: sarinweb

پرش به انجمن:


Browsing: 1 مهمان