بهینه سازی تصاویر
بهینه سازی تصاویر سایت
اکثر صاحبان وب سایت ها تصاویری که اصلا بهینه نشده اند را آپلود و استفاده می کنند.
این کار می تواند رتبه وب سایت را تحت تاثیر قرار دهد. در این آموزش از وب داده یاد می گیرید
که چرا بهینه سازی تصاویر سایت یک کار بسیار مهم است. در ادامه به معرفی پنج روش برای
بهینه سازی تصاویر سایت خواهیم پرداخت.
چرا باید تصاویر را بهینه کنیم؟
عدم بهینه سازی تصاویر ممکن است موجب بروز مشکلاتی چون افزایش زمان بارگذاری صفحات،
استفاده بیش از حد از پهنای باند و… شود. تصاویر بهینه نشده پهنای قابل توجهی را مصرف می کنند
که غیر ضروری است! دلالیل متعددی برای بهینه سایزی تصاویر سایت وجود دارد از جمله:
افزایش سرعت بارگذاری سایت
یک سایت ضعیف و کند تجربه کاربری منفی را برای بازدیدکنندگان ایجاد می کند.
این تجربه منفی باعث می شود که نرخ بازدهی کاهش یابد و کاربر زمان کمتری
در وب سایت شما سپری کند. نمی توان انتظار داشت که کاربران منتظر لود شدن
تصاویر بمانند و ممکن است سایت را ترک کنند این باعث افزایش بانس ریت خواهد شد.
همچین بعداز بهینه سازی، فضای کمتری اشغال خواهد شد.
توجه گوگل و سایر موتورهای جستجو به وب سایت های سریع
موتورهای جستجو توجه فوق العاده ای به سایت هایی دارند که زمان بارگذاری آن ها سریع است.
این وب سایت ها رتبه بندی بهتری می گیرند. با بهینه سازی تصاویر، عملکرد سایت نیز بهبود خواهد یافت.
تصاویر بهینه شده می توانند در نتایج جستجوی تصویری نیز ظاهر شوند و در نتیجه میزان ورودی سایت
و ترافیک بالاتر خواهد رفت. همه این موارد موجب بهبود رتبه شما خواهند شد. بهینه سازی تصاویر
وقت گیر و سخت نیست. می توانید در کنار حفظ کیفیت تصاویر بهینه ای داشته باشید.
چند روش برای بهینه سازی تصاویر در وردپرس
هدف شما با بهینه سازی تصویر کاهش حجم فایل بدون به خطر انداختن کیفیت تصویر است.
روشهای زیادی برای بهینه سازی تصاویر شما وجود دارد. شما حتی می توانید روش های
چندگانه را برای اطمینان از اینکه اندازه فایل های تصویری شما کم است استفاده کنید.
فرمت فایل مناسب را انتخاب کنید.
قبل از اینکه حتی شروع به بهینه سازی کنید مطمئن شوید که فرمت فایل مناسب را انتخاب کرده اید.
دو نوع از رایج ترین فرمت ها GPEG و PNG است.
JPEG ها معمولا برای عکس ها و تصاویر کلی استفاده می شوند، زیرا آنها:
• حجم فایل کوچکتر را دارند.
• کیفیت تصویر خوب را ایجاد می کنند.
• می توان اندازه را تغییرداد و یا فشرده کرد، بدون از دست دادن کیفیت تصویر.
PNG ها برای بردارها، آرم ها، عکس ها و تصاویر کوچک استفاده می شود.
از آنجایی که دارای اندازه فایل بزرگتر است، شما می خواهید از این موارد کمتر استفاده کنید.
بجز PNG و JPEG، شما می توانید ده ها تن از انواع تصویر دیگر را پیدا کنید.
اما هنگام ایجاد تصاویر برای وب توصیه نمی شود.
اما، یک استثنا وجود دارد. شما احتمالا متوجه انفجار GIF ها در سال های اخیر شده اید.
این فیلم های کوچک متحرک می تواند برای افزایش محتوای موجود خود استفاده شود.
اگر شما در حال قرار دادن یک ویدیو کوچک هستید، حتما آن را در قالب GIF و نه MP4 قرار دهید.
تصاویر خود را فشرده کنید.
هنگام فشرده سازی یک تصویر باید تعادل بین کیفیت فشرده سازی و اندازه تصویر رعایت شود.
با حداقل فشرده سازی، شما با یک فایل بزرگتر، اما یک تصویر با کیفیت بالاتر خواهید داشت.
با سطح بالایی از فشرده سازی، اندازه تصویر بسیار کوچک است، اما کیفیت تصویربسیار بد می شود.
هدف شما باید پیدا کردن یک تصویر مناسب بین اندازه فایل و سطح فشرده سازی باشد که شما استفاده می کنید.
اگر شما یک وبسایت را اجرا کنید که به تصاویر با کیفیت بالا مانند سایت عکاسی متکی است،
زمان بیشتری برای پیدا کردن تعادل بین این دو را در نظر بگیرید. اما، شما می توانید
از تنظیمات بهینه سازی برای هر تصویر رو به جلو استفاده کنید.
در زیر ابزارهای مبتنی بر دسکتاپ، ابزارهای مبتنی بر وب و حتی چند پلاگین وردپرس را می توانیم
برای فشرده سازی تصاویر خود بدون کم کردن کیفیت مورد بررسی قرار دهیم.
ابزار بهینه سازی DIY
ابزارهای مبتنی بر دسکتاپ به شما امکان کنترل بیشتری بر تنظیمات بهینه سازی را می دهند.
اگر از کار با ویرایشگر عکس مانند فتوشاپ استفاده می کنید، این روش بهتر است.
برخی از محبوب ترین ابزار مبتنی بر دسکتاپ عبارتند از:
• فتوشاپ Adobe Photoshop دارای ابزار فشرده سازی داخلی ساخته شده است که تصاویر را بهینه سازی می کند.
• GIMP – یک جایگزین رایگان برای فتوشاپ است که دارای منحنی یادگیری شیب دار است،
اما همچنین دارای بهینه سازی داخلی است.
• Affinity Photo – این یک جایگزین ارزان تر برای فتوشاپ است
که دارای ویژگی های فشرده سازی تصویر ساخته شده است.
• Paint.NET – یک ویرایشگر عکس برای کاربران ویندوز که یک جایگزین مناسب
برای فتوشاپ است و فشرده سازی تصویر هم شامل می شود.
ابزارهای فوق کمی از یک منحنی یادگیری بالاتر هستند، اما آنها به شما اجازه می دهند
تنظیمات بهینه سازی تصویر را که برای نیازهای شما مناسب است، پیدا کنید.
ابزار بهینه سازی خودکار تصویر
اگر یک رویکرد ساده تر را ترجیح می دهید، می توانید از یک ابزار آنلاین استفاده کنید
که به طور خودکار عکس های شما را برای موتورهای جستجو بهینه سازی می کند.
این ابزار عالی است اگر شما نمی خواهید وقتی برای یادگیری درون و بیرون از نرم افزار ویرایش عکس بگذارید.
برخی از رایج ترین ابزارهای مبتنی بر وب عبارتند از JPEGmimi و TinyPNG
با این همه کاری که باید انجام دهید این است که عکس های خود را آپلود کنید، ابزار اجرا می شود و شما عکس های بهینه شده خود را دانلود کنید.
اگر ترجیح می دهید یک تکه نرم افزار را روی رایانه خود اجرا کنید، چند گزینه دیگر مانند ImageOptim ، OptiPNG و Trimage خواهید داشت .
وردپرس فشرده سازی پلاگین
مانند بسیاری از موارد وردپرس، افزونه ای برای هر مشکلی که در آن می باشد دارد.
پلاگین های زیر تصاویر شما را به هنگام آپلود بهینه سازی می کنند و حتی تصاویری
که قبلا در کتابخانه رسانه ای شما بهینه شده اند را بهینه سازی می کند:
• Imagify Image Optimizer – این افزونه ارائه می دهد سطوح مختلف فشرده سازی، تغییر اندازه تصویر، بازگرداندن تصویر، و خیلی بیشتر.
• ShortPixel Image Optimizer – این افزونه رایگان به شما اجازه می دهد تا فشرده سازی تا 100 عکس در هر ماه و دسته
با چند فرمت مختلف تصویر را انجام دهید. علاوه بر این، دارای قابلیت بازسازی داخلی و بهینه سازی فله ای است.
• WP Smush – این افزونه تصاویر شما را به هنگام آپلود آنها در سایت خود، به همراه بهینه سازی کتابخانه
رسانه های موجود، بهینه سازی می کند. این اندازه تصاویر شما را بدون تاثیر بر کیفیت کاهش می دهد.
• Optimus Image Optimizer – این افزونه سبک بهینه سازی تصاویر خود را با فشرده سازی بدون افت فشار می دهد،
بنابراین هیچ کیفیتی را از دست نمی دهد، فقط کاهش حجم فایل.
تغییر اندازه تصاویر برای نمایش بهینه
قبل از اینکه شروع به بهینه سازی تصاویر خود کنید می توانید آنها را به درستی اندازه گیری کنید.
هیچ نقشی در آپلود یک تصویر عظیم به سایت شما وجود ندارد، به ویژه هنگامی که آن را به هر حال تغییر اندازه دهید.
قبل از آپلود، ابعاد تصویر خود را درست کنید. به این ترتیب شما از یک عکس کوچکتر از ابتدا برخورد خواهید کرد.
به عنوان مثال، بگذارید بگوییم شما یک تصویر 300 × 300 پیکسل نیاز دارید، اما به جای آن، یک تصویر 3000 × 3000 پیکسل آپلود کنید
و تم وردپرس خود را کوچک کنید تا تصویر به درستی نمایش داده شود.
این نه تنها پهنای باند شما را افزایش می دهد، بلکه بارگیری عکس شما را بسیار کند می کند.
بهترین روش این است که براساس ابعاد تصویر مورد نیاز موضوع خود و اندازه تصاویر تغییر دهید.
سپس، آن را از طریق یک ابزار بهینه سازی اجرا کنید و تصویر خود را آپلود کنید.
ناگهانی بریده شدن تصاویر
وردپرس دارای یک ویرایشگر تصویر داخلی است که به شما اجازه می دهد تصاویر خود را از داشبورد خود برش دهید.
این می تواند مفید باشد،اگر قبل از بهینه سازی و ارسال آنها، تصاویر خود را برش دهید.
اگر متوجه شوید یک تصویر نیاز دارد تا به سایت شما مناسب تر برسد، سپس تصویر را از سایت خود حذف کنید، آن را برش دهید و آن را دوباره بارگذاری کنید.
با انجام تغییرات زیادی در داخل داشبورد، می توانید چندین نسخه از یک فایل را ذخیره کنید. این باعث افزایش بار سرور و اندازه کلی سایت شما می شود.
بهبود تصویر SEO
آیا می دانستید که می توانید تصاویر خود را بهینه سازی کنید تا سایت و تصاویر خود را در موتورهای جستجو رتبه بندی کنید؟
بهینه سازی تصاویر شما سایت شما را سرعت می بخشد و شانس رتبه بندی شما را بهبود می بخشد.
اما، چند مرحله اضافی نیز وجود دارد که می توانید برای بهینه سازی تصویر خود برای موتورهای جستجوگر استفاده کنید.
مراحل زیر را دنبال کنید تا جستجوگرهای تصاویر خود را بهبود ببخشید
بهینه سازی متن عنوان تصویر
عنوان تصویر زمانی ظاهر می شود که یک خواننده بر روی تصویر شما قرار می گیرد. این برای بهینه سازی موتورهای جستجو
بسیار مهم است و این ترفند کوچک می تواند تجربه کاربر خود را بهبود بخشد.
برای تغییر متن عنوان تصویر خود، به ویرایشگر پست خود که در آن یک تصویر قرار داده اید، حرکت کنید.
روی تصویر کلیک کنید و بر روی نماد مداد کلیک کنید که گزینه Edit را نشان می دهد.
در صفحه « گزینه های پیشرفته » شما می توانید مکان هایی را داشته باشید که بتوانید عنوان تصویر آن را وارد یا تغییر دهید.
تنظیم برچسب ALT
متن اصلی تصویر شما به گوگل نشان می دهد که آنچه در صفحه شماست در ارتباط با چه موضوعی می باشد.
اگر چندین عکس روی صفحه خود داشته باشید، اولین تصویر باید شامل کلید واژه مورد نظر شما باشد.
هر تصویری که دنبال می شود باید از یک عبارت استفاده کند.
یکبار دیگر، بر روی آیکون مداد کلیک کنید تا گزینه Edit را بزنید.
در این صفحه برای جعبه ای با عنوان « متن جایگزین » نگاه کنید و کلید واژه مرتبط خود را در آن جعبه وارد کنید.
استفاده از نام فایل مناسب
نام فایل تصویر شما می تواند به رتبه بندی آن در جستجوی تصویر Google کمک کند، که می تواند منبع خوبی از ترافیک اضافی باشد.
به جای داشتن یک نام فایل نامناسب، آن را به چیزی تغییر دهید که شامل کلمه های مورد نظر شما باشد یا نشانگر آنچه که تصویر است، باشد.
قبل از آپلود تصویر به وردپرس انتخاب نام مناسب برای تصویر بسیار مهم است.
ق‌العاده برای بهینه سازی تصاویرتان آشنا شدید، می‌توانید بسته به نوع نیاز خود عکس‌های مورد نظرتان را فشرده نموده
و با آپلود آنها در وب‌سایت‌تان، از مزایای کیفیت و سرعت بارگذاری بالا لذت ببرید.
خلاصه مطالب
بهینه سازی تصاویر سایت
چرا باید تصاویر را بهینه کنیم؟
افزایش سرعت بارگذاری سایت
توجه گوگل و سایر موتورهای جستجو به وب سایت های سریع
چند روش برای بهینه سازی تصاویر در وردپرس
مراحل زیر را دنبال کنید تا جستجوگرهای تصاویر خود را بهبود ببخشید
