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

آموزش بهینه سازی تصاویر در وردپرس : بهینه 3wqسازی تصاویر وردپرس یا به عبارت دیگه کاهش حجم تصاویر در وردپرس میتونه تاثیر به‌سزایی چه از نظر سرعت لود سایت و چه از نظر سئو و بهینه سازی وبسایت برای شما داشته باشه. اگر با وبسایت‌هایی نظیر 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

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

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

 

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

 

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

دسته‌ها
یک دیدگاه
یک پینگ

پاسخ دهید