هاست ایران میزبان فا
آموزش های وردپرس

آموزش بهینه‌سازی تصاویر در وردپرس

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

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

آموزش بهینه‌سازی تصاویر وردپرس

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

نحوه کاهش حجم تصاویر وردپرس

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

یکی از اولویت‌هایی که برای بهینه‌سازی تصاویر مهمه اینه که از اندازه استاندارد استفاده کنید به گونه‌ای که اگر قالب وردپرس شما بیشتر از یک اندازه‌ای رو نشون نمیده و وقتی هم تصویری آپلود میکنید تغییری در اون ایجاد نمیشه و تصویر بر اساس ابعاد استاندارد نمایش داده میشه ابتدا اندازه بیشینه برای تصاویری که در نوشته را که نمایش داده میشه برای قالب خودتون به دست بیارید. حالا تصویر را با برنامه‌های گفته شده باز کرده و با تعریق یک لایه جدید با حداکثر اندازه ای که برای قالب وبسایتتون به دست آوردید برش داده و در اندازه استاندارد تصویر را ایجاد کنید. بعد از اینکه تصویر در اندازه استاندارد ساخته شد برای ذخیره کردن تصویر در فتوشاپ از گزینه Save For Web استفاده کنید تا تصویر برای وب بهینه بشه و اطلاعاتی که برای تصویر لازم نیست ازش حذف بشه، برای برنامه Gimp نیز میتونید به همین ترتیب عمل کرده و موقع ذخیره تصویر تیک گزینه اطلاعاتی مثل Background color، رزولوشن، اطلاعات مربوط به اندازه تصویر و… را که برای تصویر نیازی به اونها نداریم را غیرفعال کرده و تصویر را ذخیره کنید.

حالا تصویری که به این روش ساختید را با تصویر قبلی مقایسه کنید و ببینید تا چه میزان حجم تصویر کاهش داده شده است؟ نتایج حتما براتون تعجب برانگیز خواهد بود. اما صبر کنید هنوز تموم نشده، اگر که تصویر را با فرمت png. ذخیره کردید مجددا به برنامه‌های ویرایشگر تصویر برگردید و این بار تصویر را با فرمت دیگه مثل jpg. ذخیره کنید و مجددا بررسی کنید که تصویر با فرمت jpg. حجمی که نسبت به تصویر با فرمت png. و تصویر اولیه شما در اندازه بزرگ‌تر داره چقدر تغییر کرده؟ مطمئنا باز هم حجم شما کمتر خواهد شد.

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

آموزش افزونه wp smush کاهش حجم تصاویر

افزونه کاهش حجم تصاویر در وردپرس که قصد معرفی اونو دارم با نام Smush Image Compression and Optimization در مخزن وردپرس به ثبت رسیده که اونو با نام smush it میشناسیم و تاکنون تونسته بیش از یک میلیون نصب فعال و کسب امتیاز 4.8 را ازآن خودش بکنه که با استفاده از این افزونه میتونید از طریق توابع PHP :ه در اختیار شما قرار میده حجم تصاویری که ازشون استفاده می‌کنید را تا حد قابل قبولی کاهش دهید. برای استفاده از این افزونه ابتدا روی دکمه زیر کلیک کنید تا به صفحه افزونه در مخزن وردپرس هدایت شده و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی افزونه در سایت وردپرسی خودتون بکنید.

Smush Image Compression and Optimization

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

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

Automatically smush my images on upload: با فعال کردن این گزینه هرگاه که تصویری را در رسانه وردپرس آپلود کنید به صورت خودکار عملیات بهینه سازی و کاهش حجم تصویر انجام میگیره تا بر اساس تنظیماتی که تعیین می‌کنید حجم تصاویر به کمترین حد خودش برسه.

Preserve my image EXIF data: با فعال کردن این گزینه اطلاعاتی مثل اطلاعات دوربینی که با اون عکس گرفته شده، اطلاعات مکانی، اطلاعات مربوط به زمان ایجاد تصویر که بر اساس تاریخ و ساعت در تصویر ثبت میشه و… که بیشتر ما برای وبسایتمون اصلا به این اطلاعات نیازی نداریم از روی تصویر حذف خواهند شد تا تصاویر استفاده شده حجم کمتری داشته باشند.

Resize my full size images: با استفاده از این گزینه میتونید برای تصاویری که بیش از حد اندازه بزرگی دارند و برای قالب شما هم مناسب نیستند با استفاده از این افزونه اندازه اونها را برش دهید. بعد از فعال کردن این گزینه پنجره‌ای مشابه تصویر زیر براتون باز میشه که میتونید حداکثر اندازه برای پهنا و ارتفاع تصویر را وارد کنید تا اگر تصویری بیشتر از این بزرگ بود تغییر اندازه داده شده و برش بخوره.

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

بعد از اینکه شخصی سازی‌های خودتون برای کاهش حجم تصاویر در وردپرس را وارد کردید روی دکمه Get Started کلیک کنید تا تنظیمات ذخیره شده و سپس صفحه زیر برای شما نمایش داده شود.

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

همانطور که در تصویر میبینید بعد از ذخیره تنظیمات این افزونه کلیه تصاویر موجود در سایت را بررسی میکنه و تصاویری که بر اساس تنظیمات اعمال شده نیاز به بهینه سازی دارند شناسایی شده و تعداد تصاویر به شما نشون داده خواهد شد تا اونها را بهینه سازی کنید. بنابراین مشابه تصویر بالا میبینید که برای من 16 تصویر بر اساس تنظیماتی که اعمال کردم در رسانه وردپرس سایتم وجود داره که برای بهینه سازی اونها کافیه روی دکمه BULK SMUSH کلیک کنید تا تصاویر شروع به بهینه سازی شوند. در نهایت بعد از اینکه کلیه تصاویر بهینه شدند میتونید از ستون سمت راست که با عنوان STATS هست میزان بهینه سازی برای این تصاویر را مشاهده کنید.

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

همونطور که میبینید این 16 تصویری که من ازشون استفاده کردم به اندازه 7.9 درصد حجمشون کمتر شده و نسبت به حجم اولیه که داشتند 84.4 کیلوبایت کاهش حجم بعد از بهینه سازی با افزونه smush it صورت گرفته است.

امیدوارم که این آموزش هم مورد توجه و پسند شما قرار گرفته باشه و با استفاده از اون تونسته باشید اقدام به بهینه سازی تصاویر در وردپرس کرده و اقدام به کاهش حجم تصاویر در وردپرس بکنید. اگر در رابطه با این آموزش و نحوه بهینه کردن عکس در وردپرس سوال یا مشکلی داشتید در بخش دیدگاه‌ها اعلام کنید تا در کوتاه‌ترین زمان ممکن پاسخگوی شما باشم.
آموزش بهینه‌سازی تصاویر در وردپرس
4 (80%) 13
برچسب ها
هاست ایران میزبان فا

علی یزدان پرست

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

نوشته های مشابه

‫۸ نظرها

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

      1. عباس جان من الان خود تصویری که سایت مذکور میده رو هم آپلود و انتخاب کردم ولی باز مجدد همون تصویر بهینه سازی خودش هم نشون میده

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

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

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

بستن