امروز: ۰۳ آذر ۱۴۰۳
در مسیر توسعه فردی و سازمانی
اشتراک دانش معین اکبری » کاهش حجم تصاویر بدون افت کیفیت برای استفاده در وب (ویرایش در ۱۳۹۵/۹/۰۲)
تایید شده

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


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


برای کاهش حجم تصاویر راه های زیادی و حتی سایت های زیادی هستند که این کار رو انجام میدن اما به نظر من بهترین روش استفاده از فوتوشاپ هست.


مثلا من برای نمونه یک تصویر 8K ( 7680px*4320px ) با حجم نزدیک به ۱۵.۵ مگابایت رو به ۲ مگابایت تغییر دادم بدون افت کیفیت شدید. و حالا مناسب استفاده در وبسایت هست. البته بازم میشه کم حجم ترش کرد.


میتونید سایز تصویر رو کوچیک کنید مثلا : ( 1000px*563px ) تا بهترین حالت برای استفاده درسایت باشه. حجمش در این صورت میرسه به تنها ۲۷ کیلوبایت !!


روش :


فوتوشاپ رو باز کنید. ( سعی کنید همیشه از جدیدترین نسخه استفاده کنید - CC 2017 )


از این مسیر تصویر مورد نظرتون رو لود کنید ( File/Open ) علاوه بر این میتونید عکس رو به صورت دراپ و درگ بندازین تو محیط برنامه


برای کم حجم کردن به این مسیر برید. File/Export/Save For Web ( Legacy )


همچنین با کلید های ترکیبی Alt+Shift+Ctrl+S میتونید مستقیم به این صفحه برید.


 و در آخر از طریق قسمت هایی که در تصویر زیر مشخص شده سایز رو تغییر بدید.


توجه داشته باشید تصاویری که در اینترنت میخواید قرار بدین همیشه فرمتش Jpeg/JPG باشه و فقط برای موارد خاص از GIF/PNG استفاده میکنیم.


به هیییچ وجه تصاویر با فرمت Bmp در سایت قرار ندید که فاجعست !


امیدوارم مفید باشه. :)


محتوای آخرین دربهای گشوده شده
  • یک باک بنزین 206 معادل 75000 ت بوسیله کلیدک
  • 45000 تومان وجه نقد رایج مملکت بوسیله کلیدک
  • بن خرید یک عدد پیتزا American معادل 35ت بوسیله کلیدک
  • دو عدد  کارت سبز بوسیله کلیدک
  • دو روز ناهار میهمان شرکت به انتخاب خودتان معادل هر نهار ۳۰ ت بوسیله کلیدک
  • بن خرید یک عدد پیتزا American معادل 35ت بوسیله کلیدک
  • بن خرید یک عدد پیتزا American معادل 35ت بوسیله کلیدک
  • 45000 تومان وجه نقد رایج مملکت بوسیله کلیدک
ارسال درخواست دوره یا محتوای آموزشی