ب
ب

ابزارهای کم حجم کردن عکس در وب سایت

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

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

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

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

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

اجتناب از ذخیره عکس با کیفیت 100%

شما همیشه باید به یاد داشته باشید که هیچ وقت یک عکس Jpeg را با کیفیت 100 درصد ذخیره نکنید. این کار شما اصلا برای وبتان بهینه نیست. حتی اگر شما کیفیت تصویر را روی 90 یا 95 درصد قرار بدید ، با این کار کیفیت عکس تغییری نکرده و حجم آن به صورت قابل توجهی کمتر نمی شود.

ما توصیه می کنیم که بیشتر موارد شما کیفیت عکس را زیر 90 درصد قرار دهید. اگر شما گزینه Save For Web در فتوشاپ را انتخاب کنید می توانید در سمت راست آن مقادیر مورد نظر را برای کیفیت تصویر انتخاب کرده و ذخیره کنید.

من مقادیری که در هر برنامه ای برای فایل Jpeg می تواند مفید باشد را در زیر برای شما می نویسم که عبارتند از :

    Low – 10%
    Medium – 30%
    High – 60%
    Very High – 80%
    Maximum – 100%

حتی در فتوشاپ هم مقدار کیفیت 60 درصد برابر با نوشته بالا یعنی High نامگذاری شده و تعداد بسیار زیادی از توسعه دهندگان وب و صاحبان سایت ها مقداری بین 50 تا 70 درصد را برای کیفیت فایل های Jpeg انتخاب می کنند.

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

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

شما می توانید با چند بار اشتباه کردن و چندین بار تست مختلف عکس های Jpeg خود را برای وب سفارشی و بهینه کنید تا در سریعترین زمان ممکن بارگذاری گردد.

متفاوت بودن مدیاها در وب

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

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

برنامه ریزی بهینه سازی تصویر

شما یک سیستم فایل سازمان یافته می خواهید بسازید که زیر و رو کردن اسناد و عکس های درون آن به راحتی امکان پذیر باشد. برخی از مدیران وب سایت ها هر جایی را برای میزبانی عکسهایشان پیدا کنند در آنجا آپلود می کنند مانند Flicker و یا Picasa.

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

من یک مقاله درباره فشرده سازی تصاویر Jpeg با استفاده از Javascript پیدا کردم که توضیح میده چطوری یک عکس را در سمت کاربر فشرده سازی کنیم.

یک مطلب دیگر که در سال 2009 نوشته شده که با جزئیات در آن به شرح این موضوع پرداخته است. همچنین این روش می تواند برای جلوگیری از کپی کردن عکس یا همان Hotlinking یا برش Thumbnail به صورت اتوماتیک مورد استفاده واقع شود.

یکی دیگر از ابزارهای بهینه سازی Yahoo Smush.it هست. Smush.it یک ابزار تحت وب هست و شما می توانید عکس هایتان را به آن بدید و این سیستم بایت های اضافه و اطلاعات غیرلازم که حجم تصویر را بالا برده برای شما پاکسازی و فایل کم حجم شده نهایی را به شما تحویل می دهد. اگر هم از سیستم وردپرس برای مدیریت وبلاگ خود استفاده می کنید می توانید افزونه Smush.it را در آن نصب کرده و به صورت اتوماتیک برای شما اطلاعات اضافی عکس ها را حذف خواهد کرد.

ابزارهای دیگر

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

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

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

ImageOptim for Mac
خب می رسیم سر برنامه ای برای سیستم عامل مک که محبوب طراحان وب است. ImageOptim یک برنامه قدرتمند فشرده سازی عکس برای صفحات وب است و در بسیاری از مواقع حتی قدرتمند تر از فتوشاپ عمل می کند.

این نرم افزار از قابلیت Drag and Drop برای کشیدن و رها کردن بسیاری از عکس ها برای بهینه سازی پشتیبانی می کند. حتی می توانید از طریق اجرای کامند در Thumbnail و نصب Shell Script از آن استفاده کنید.

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

نتیجه نهایی

فشرده سازی فایل های Jpeg یک ترفند هست که یکی از اصول سئو و بهینه سازی سایت یا وبلاگ است ( SEO ) که شما بررسی کرده و یک بالانس و تعادل بین کیفیت و حجم فایل برقرار می کنید. حتی با اینکه هم اکنون سرویس های پر سرعتی موجود است و نیازی به فشرده سازی دیده نمی شود حتما باید شما کم حجم بودن صفحات وب خود را در اولویت اول قرار دهید.

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

شناسه مطلب : 367|
نظرات بینندگان
غیر قابل انتشار : 0
انتشار یافته : 0
نظر شما
نام: *
 
ایمیل :
 
نظر شما: *
 

           

 

میدان هفت تیر،خیابان کریمخان،خیابان خردمند شمالی،پلاک 105
تلفن: 88346241-021 | 88347468-021 | 88348918-021 | 88348469-021 | 88347873-021 | فکس: 88347873-021
info@dsi.co.ir | www.dsi.co.ir