بهینه سازی تصاویر برای استفاده در وب

13 اسفند

یکی از اساسی ترین کارهایی که برای کم کردن زمان بارگذاری صفحات وب باید انجام داد، بهینه سازی حجم تصاویر استفاده شده در صفحات وب است.
منظور از بهینه سازی استفاده از روش هایی است که حجم تصاویر در فرمت های png, jpg و gif را بدون هیچ گونه تغییر در کیفیت آنها به حد بسیار قابل توجهی کاهش می دهند.
البته نباید فراموش کرد که قبل از بهینه سازی تصاویر، ابتدا بایستی براساس کیفیت مورد نیاز آنها را در پایین ترین حجمی که کیفیت عکس در آن قابل قبول است ذخیره کرد، و سپس از ابزارهای بهینه سازی تصاویر استفاده نمود.
گزینه save for web & devices... در photoshop معمول ترین جایی است که تصاویر را با حداقل حجم برای کیفیت مناسب ذخیره می کنیم.
پس از آن نوبت به استفاده از ابزارهای بهینه ساز حجم تصاویر می رسد. با وجود ابزارهای بسیار متنوع، ابزارهایی که به شخصه از آنها بیشتر استفاده می کنم و کار با آنها به نظر راحت تر است و به نسبت بهینه سازی مناسب تری را انجام می دهند معرفی می کنم.

optipng برای فرمت png

ابزار متن بازی که به خوبی کار بهینه سازی تصاویر png را انجام می دهد.
برای بهینه سازی یک تصویر، باید از command prompt استفاده کرد و فایل png باید در همان پوشه ای باشد که optipng قرار دارد. سپس با دستوری مانند دستور زیر تصویر با حداکثر میزان ممکن بهینه سازی می شود.
optipng -o7 my.png

optipng

http://optipng.sourceforge.net/

jpegtran برای فرمت jpeg

ابزار مناسبی برای بهینه سازی فایل های jpeg که تحت command prompt باید آن را اجرا کرد.
به طور پیش فرض jpegtran نتیجه کار را در خروجی می نویسد. بنابراین برای این که نتیجه بهینه سازی را در یک فایل jpg ذخیره کنیم بایستی نام فایلی که می خواهیم در آن ذخیره شود را بعد از علامت < قرار دهیم
jpegtran -copy none source.jpg > destination.jpg

jpegtran
http://sylvana.net/jpegcrop/jpegtran/

Supergif برای فرمت gif

supergif که برخلاف دو مورد قبلی دارای رابط گرافیکی کاربر است.

supergif
از آدرس زیر می توانید آن را دریافت کنید
http://www.boxtopsoft.com/supergif.html

smushit برای بهینه سازی آنلاین

در صورتی که بخواهید همه ی تصاویر سایت خود را پس از قرار دادن بر روی سرور بهینه سازی کنید می توانید از ابزار smushit که اکنون بخشی از افزونه yslow برای Firefox است استفاده کنید و تصاویر بهینه شده را در قالب یک بسته دریافت کنید.
برای استفاده از آن باید پس از راه اندازی Firebug به yslow رفت و از طریق tools, All Smush.it را انتخاب کرد.

smushit1

smushit2

افزونه yslow برای Firefox
https://addons.mozilla.org/en-US/firefox/addon/5369

نظرات

# 1389/2/16 20:14

ایران

بازهم اگر از این مطالب خوب بگذارید مممنون می شوم

Iran ایران

ارسال نظر

*
*
(پست الکترونیک، نمایه Gravatar شما را نمایش خواهد داد)

  Country flag

biuquote
  • نظر
  • پیش نمایش
Loading