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

موضوع: نحوه بهینه سازی تصاویر در چند ثانیه!

5/5
آنچه در این مطلب می خوانید...

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

اما راهکار چیست؟ یکی از اصلی ترین راهکار ها برای کاهش میزان سرعت سایت، بهینه سازی تصاویر است که در ادامه به شما آموزش می دهیم که چطور با استفاده از 2 روش عملی و تنها در چند ثانیه بدون افت کیفیت، بیش از 70 درصد از حجم عکس را ذخیره کنید.

نحوه بهینه سازی تصاویر تنها با چند کلیک ساده!

بدون شک می دانید که تصاویر از فرمت های مختلفی همچون png – svg – jpeg و… پشتیبانی می کنند. بنابراین در اولین مرحله شما باید بدانید که تصویر مورد استفاده شما در چه فرمتی قرار دارد تا بتوانید با استفاده از بهترین ابزار ها، اقدام به بهینه سازی آن ها کنید.

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

تصاویر SVG از دیگر تصاویری هستند که عموما نقش بسیار مهمی در طراحی سایت های خلاقانه بر عهده دارند! این نوع از تصاویر توسط ابزار های گرافیکی همانند ادوبی ایلوستریتور تهیه می شوند که راه حل ساده آن برای بهینه سازی استفاده از سایت https://jakearchibald.github.io/svgomg/ است.

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

svgomg

بهینه سازی تصاویر PNG & JPG بدون از دست رفتن کیفیت!

اگر به دنبال بهینه سازی تصاویر خود با فرمت های PNG و JPG هستید، بهترین ابزار آنلاینی که می تواند در این راستا به شما کمک کند، وبسایت tinypng.com است. استفاده از این سایت بسیار ساده و آسان می باشد! تنها کافی است عکس مورد نظر خود را در این وبسایت آپلود کرده و منتظر بمانید تا فرایند بهینه سازی به صورت خودکار شروع شود. پس از چند ثانیه می توانید تصویر نهایی را با حداکثر بهینه سازی (بدون افت کیفیت) مشاهده و دانلود کنید.

tinypng

نکته:

توجه کنید که بهینه سازی تصاویر در این وبسایت نتایج بسیار منحصر به فردی را برای شما به ارمغان خواهد آورد! به طوری که پس از بهینه سازی قادر به تشخیص تفاوت کیفیت عکس قبل از بهینه سازی و پس از بهینه سازی نخواهید شد! همان طور که در تصویر زیر مشاهده می کنید فایل تصویری ما با حجم 137.7 KB پس از فشرده سازی به 30.7 KB تبدیل شد که این تغییر یعنی ما توانستیم تصویر خودمان را بدون افت کیفیت به میزان 78% بهینه سازی کنیم و این فوق العادست!

tinypng

بهینه سازی تصاویر به صورت خودکار در وردپرس

اگر از سیستم مدیریت محتوای وردپرس استفاده می کنید (اگر اطلاعات کافی ای از وردپرس ندارید می توانید به مقاله “وردپرس چیست” مراجعه کنید.) می توانید با نصب یک افزونه که به صورت رایگان در مخزن وردپرس نیز وجود دارد نسبت به بهینه سازی تصاویر خود اقدام کنید. نام این افزونه tinypng است.  که برای دریافت این افزونه می توانید بر روی دکمه زیر کلیک کنید.

نکته ای که باید به آن توجه کنید این است که با دریافت API رایگان که تنها با یک آدرس جیمیل و ثبت نام در سایت tinypng صورت می گیرد شما می توانید به میزان 500 عدد تصویر را در ماه توسط این افزونه بهینه سازی کنید.

جمع بندی نهایی مقاله نحوه بهینه سازی تصاویر

با انجام این فرایند می توانید تاثیر بسیار زیادی در سرعت لود صفحات وبسایت خودتان ایجاد کنید! موضوع بهینه سازی و افزایش سرعت سایت مبحث بسیار گسترده ای است که در “دوره آموزش افزایش سرعت سایت” به آن پرداخته ایم. راستی شما از چه روش هایی برای بهینه سازی تصاویر خودتون استفاده می کنید؟ در بخش نظرات برای ما یادداشت کنید.

دیگر مقالات ما

معرفی بخش ابزار ها در پیشخوان وردپرس
آموزش ساخت برگه ها در وردپرس
تولید محتوای مرکزی (Content hubs) برای سئو

دوره های آموزشی

0 0 vote
Article Rating
guest
0 تعداد نظرات
Inline Feedbacks
View all comments

دسته بندی های مجله

negocios-y-finanzas (1)
آموزش ووکامرس
آموزش سئو
editar (1)
آموزش تولید محتوا
pintar
آموزش طراحی سایت
bloquear (1)
آموزش امنیت وردپرس
tecnologia-1-1.png
آموزش وردپرس
آموزش المنتور
herramienta (1)
آموزش لینک‌سازی
dinero
آموزش کسب درآمد
error (1)
افزایش سرعت سایت