حذف تغییراندازه تصاویر وردپرس

جلوگیری از Scaling و تغییر اندازه تصاویر در وردپرس

با وجود همۀ قابلیت‌های خوب وردپرس، ویژگی Scaling و تغییر اندازه تصاویر در وردپرس آزاردهنده است.

اما به لطف اوپن سورس بودن سیستم مدیریت محتوای وردپرس دوست داشتنی، جای نگرانی نیست.

وردپرس از نسخه 2.5 تا نسخه 3.4 روی مسئله تغییر اندازه تصاویر آپلودی کار کرد و از ویژگی‌ها آن بود.

ویژگی که شاید برای سال 2008 جذاب بود. بعدها خیلی‌ها خواستن این ویژگی وردپرس را غیرفعال کنند.

اینکه ابعاد تصاویر ساماندهی و براساس سال و ماه دسته بندی می‌شوند خوب است.

حُسن نیت توسعه دهندگان جامۀ بزرگ وردپرس نمایان و قابل تقدیر است.

جلوگیری از Scaling و تغییر اندازه تصاویر در وردپرس

در این پست، راه‌های مختلفی برای غیرفعال‌سازی تغییراندازه و مقیاس بندی تصاویر را آموزش می‌دهیم.

تا انتهای این مطلب با تم فور همراه باشید.

روش اول؛ غیرفعال‌سازی از تنظیمات رسانه وردپرس

در روش اول برای غیرفعال‌سازی تغییر اندازه تصاویر آپلود شده در وردپرس به منوی تنظیمات -> رسانه بروید.

در این صفحه، تمامی مقدارها یا ابعادهای اندازه را روی عدد 0 تنظیم کنید.

حتماً تیک گزینه “بریدن تصاویر” را در صفحۀ که ذکر شد بردارید.

اگر این کار باعث غیرفعال نشدن تغییر اندازه تصاویر هنگام آپلود نشد، چه کار کنیم؟.

جای نگرانی ندارد، روش‌های دیگر را در ادامه که توضیح داده‌ایم. بررسی و انجام دهید.

روش دوم؛ فرمت Webp را فراموش نکنید!

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

روش دوم؛ فرمت Webp را فراموش نکنید!
تغییر اندازه‌های خودکار هنگام آپلود
روش سوم؛ غیرفعال کردن تغییر اندازه از طریق کد

بله، بازهم هست و کم نمی‌آوریم. با یک قطعه کد ساده، می‌توانید به کلی این ویژگی خاموش کنید.

کافی است کد زیر را در فایل functions.php قالب یا چایلد تم قالب خودتان قرار بدهید.

حتماً قبل از هرکاری یک بک آپ از فایل فانکشن بگیرید. پس از قرار دادن کد، فایل را ذخیره کنید.

				
					update_option( 'thumbnail_size_h', 0 );
update_option( 'thumbnail_size_w', 0 );
update_option( 'medium_size_h', 0 );
update_option( 'medium_size_w', 0 );
update_option( 'large_size_h', 0 );
update_option( 'large_size_w', 0 );
				
			

این کد از کجا آمده است؟ توسط خود توسعه دهندگان ارشد وردپرس ارائه شده است.

برای دیدن توضیحات کامل در اینبارۀ اینجا کلیک کنید. توضیحات بیشتری وجود دارد.

چرا تغییر اندازه ویژگی بدی است؟

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

فقط یک نسخه نیست، برای همان یک تصویر چندین نسخه مختلف تولید می‌شود.

در روش دوم، تصویری که قرار دادیم متاسفانه گویای بد بودن این ویژگی است.

چرا تغییر اندازه ویژگی بدی است؟
ایجاد یک نسخه 150 در 150 پیکسل از تصویر به صورت خودکار توسط وردپرس
تغییر اندازه تصویر در گوتنبرگ
استفاده از گزینه اندازه تصویر در گوتنبرگ، باعث تغییر اندازه تصویر می‌شود
جلوگیری از Scaling برای تصاویر بزرگ

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

با قطعه کد زیر می‌توانید این کار وردپرس را نادیده بگیرید و آن را غیرفعال کنید.

این کد را در فایل فانکشن قالب یا چایلد تم قرار بدهید.

				
					add_filter( 'big_image_size_threshold', '__return_false' );
				
			

زمانی که تصویری با ابعاد بیش از 1500px آپلود می‌کنید، وردپرس یک نسخه Scale خودکار تولید می‌کند.

به انتهای URL تصویری که آپلود کردید عبارت scale را اضافه می‌کند. به نمونه آدرس زیر توجه کنید.

				
					www.mydomain/wp-content/uploads/2022/01/myimagename-scale.webp
				
			

به طور کل تغییر اندازه تصاویر به صورت خودکار توسط وردپرس، فضای زیادی را از هاست را اشغال می‌کند.

هرعکسی که آپلود شود با چندین نسخه از ابعاد و اندازه، هیچ سودی برای وب‌سایت ندارد.

جز آنکه در آینده نزدیک با تصاویر تکراری و اندازه‌های مختلف مواجه خواهیم شد.

اشغال شدن بی مورد فضای هاست

زمانی که از این تغییر اندازه تصاویر جلوگیری نشود، به مرور فضای هاست بی مورد پر می‌شود.

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

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

کدهای معرفی شده در وردپرس نسخه‌های 5.8 و 5.9 به خوبی کار می‌کنند.

همچنین افزونه Stop Generating Unnecessary Thumbnails هم برای این کار نوشته شده‌است.

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

این آموزش مفید بود؟ نظر شما چیست؟ خوشحال می‌شویم دیدگاه‌های خود را با ما و دیگران به اشتراک بگذارید.

ارسال یک دیدگاه

برای ارسال دیدگاه، نیاز است که را انجام دهید.

دلیل بازپرداخت