پرینت

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

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

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

اندازه تصاویر
معمولا سایت ها در مانیتور ها دیده می شوند و معمولا در هیچ سایتی نیازی نیست یک تصویر به صورت تمام صفحه نمایش داده شود. حتی اگر اینطور فرض کنیم حداکثر اندازه نمایشگر مانیتور های متداول 1280 پیکسل است. پس حداکثر اندازه یک تصویر برای آپلود باید 1280 پیکسل باشد اما با توجه به اینکه معمولا نیازی نیست که تصویر تمام صفحه را بگیرد و خیلی از کاربران از مانیتور هایی با رزولیشن پایین تری استفاده می کنند بهتر است پهنا یا ارتفاع تصویر حداکثر 800 پیکسل باشد. اگر تصویر را از دوربین دیجیتال به رایانه منتقل کرده اید قطعا اندازه تصویر برای قرار گیری در محیط وب مناسب نیست. اگر نمی دانید چگونه پهنا و ارتفاع تصویر ها را پیدا کنید روی تصویر کلیک راست نمایید و Properties را انتخاب نمایید. width به معنای پهنا و height به معنای ارتفاع تصویر هستند.

کاهش اندازه تصویر در فتوشاپ
بعد از نصب و اجرا کردن برنامه Adobe Photoshop
1- با Ctrl + O تصویر را باز کنید. File => Open
2- با Ctrl + ALt + I وارد بخش تغییر اندازه تصاویر شوید. File => Image => Image Size

43704imagesize.gif
3- در قسمت هایی با رنگ سبز مشخص شده است پهنا و ارتفاع تصاویر را تغییر دهید.
4- دقت نمایید علامتی که با رنگ قرمز مشخص شده است جلوی پهنا و ارتفاع وجود داشته باشد. اگر این علامت وجود نداشت تیک گزینه Constrain Properties را بزنید تا تصویر به یک نسبت کوچک شود.

فشرده سازی حجم با فتوشاپ
1- مطابق روش قبلی تصویر را باز کنید و اگر تصویر باز شده است روی عنوان تصویر کلیک نمایید که از انتخاب بود تصویر اطمینان پیدا نمایید.
2- کلیدهای Ctrl + Alt + Shift + S را بزنید تا صفحه Save As For Web باز شود.
File => Save As For Web
909714imagequality.gif
3- در قسمت مشخص شده به رنگ سبز فرمت تصویر را انتخاب نمایید معمولا در وب 3 فرمت استفاده می شود که هر کدام کارایی زیر را دارد.
1- JPEG یک فشرده ساز عالی برای تصاویر است و برای تصاویری که از رنگ های زیادی تشکیل شده است بهترین انتخاب است. بعد از انتخاب JPEG فشرده سازی که با رنگ قرمز مشخص شده است. تا حدی پایین بیاورید که کیفیت تصویر که در سمت چپ به صورت زنده در حال تغییر است قابل قبول باشد. معمولا فشرده سازی 60% انتخاب خوبی از کار در خواهد آمد.
2- GIF پسوندی است که بیشتر برای تصاویر متحرک استفاده می شود ولی چون در فشرده سازی تصاویر با رنگ های کمتر بهتر از JPEG عمل می کند بسیار استفاده می شود. برای مثال هر دو تصویر بالا که در این صفحه برای راهنما استفاده کردیم با فرمت GIF حجم کمتری و کیفیت قابل قبولتری داشتند. قطعا اگر می خواستیم تصویر یک منظره که رنگ های بسیار متنوعی در هر پیکسل دارد استفاده کنیم JPEG انتخاب بهتری است.
3- فرمت PNG نیز بسیار شبیه GIF در فشرده سازی عمل می کند. اما همیشه حجم بالاتری دارد و به همین علت معمولا استفاده نمی شود مگر به خاطر استفاده از ویژگی خاص خودش و آن هم قابلیت نمایش شیشه ای (Transparent) قسمت های خالی تصویر برای مثال آیکون های کوچکی است که در وب استفاده می شود و لبه های آن به صورت شیشه ای و بی رنگ هستند از فرمت PNG استفاده می کنند. معمولا PNG مورد استفاده مدیران سایت ها نمی شود و بیشتر به درد گرافیست ها و طراحان وب خواهد خورد.

فواید فشرده سازی تصاویر قبل از آپلود
با کاهش حجم مناسب تصاویر مصرف پهنای باند هاست مخصوصا در سایت های پربازدید به طرز چشمگیر کاهش می یابد. با کاهش مصرف پهنای باند هزینه هاست سایت کاهش می یابد. فضای اشغال شده توسط تصاویر بسیاری که در سال های متوالی در هاست یک سایت آپلود بسیار کمتر خواهد شد و احتمالا هزینه هاست کاهش می یاید و بک آپ گیری از سایت راحت تر خواهد شد.
بازدید کنندگان با سرعت بیشتری صفحات سایت شما را مشاهده می کنند و رضایت بیشتری از سایت خواهند داشت. این امر حتی در بین کسانیکه به اینترنت پر سرعت هم دسترسی دارد وجود دارد
و همیشه سرعت بیشتر اهمیت دارد و کاربران دارای اینترنت پر سرعت صبر کمتری نیز دارند. کاهش حجم تصویر باعث بهبود Google Page Speed می شوند و همین باعث می شود یک قدم به رتبه بهتر در گوگل نزدیک شوید. بسیاری از سایت های داینامیک فشرده سازی را ساخت تصویرک Thumbnail را به صورت خودکار در سرور انجام می دهند. هر چقدر قبل از آپلود تصویر فشرده تر باشد فشار کمتری به سرور خواهد آمد.

سطح مقاله: مقدماتی
مولف: میثم ضابط - آبان 91

3 دیدگاه

91/09/17 جمعه 23:51
[3] مهسا:

برنامه Picture Reduce Pro هم یک برنامه فوق العاده کاربردی و با کاربری بسیار بسیار راحت و سریع است (بر خلاف فتوشاپ) که شما میتوانید تغییرات مورد نظر خودتون رو بدین
91/09/14 سه شنبه 22:28
[2] مهدی:

خوب این کار به خاطر افت کیفیت حتی کم هم جالب نیست من یک سایت عالی به شما معرفی کنم در این سایت شما تصویر را آپلود کنید و کم حجم تحویل بگیرید
91/08/09 سه شنبه 08:22
[1] سامان:

خوب و مفید بود

SecImgSes




طراحی سایت ضابط ۱۳۸۴ - ۱۳۹۸