نحوه مشخص کردن ابعاد تصویر در وردپرس (مورد GTmetrix)

باید ابعاد تصویر را مشخص کنید در وردپرس?


این بدان معنی است که شما باید یک عرض و ارتفاع را به آن اضافه کنید HTML تصویر یا CSS اگر یک تصویر ابعاد تصویر مشخصی نداشته باشد ، در گزارش GTmetrix شما به عنوان یک خطا ظاهر می شود ، و GTmetrix حتی به شما عرض و عرض صحیحی را می دهد که باید به آن تصویر اضافه شود.

WordPress ابعاد تصویر را مشخص کنید

تمام کاری که شما باید انجام دهید این است که تصویر را در سایت وردپرس خود قرار دهید ، HTML آن را مشاهده کنید ، سپس عرض و ارتفاع را مانند این اضافه کنید:

1. خطاهای Dimension Image را در GTmetrix مشخص کنید

GTmetrix فقط خطایی را برای صفحه ای که آزمایش می کنید نشان می دهد.

هر صفحه را از طریق GTmetrix اجرا کنید و تصاویر seewhich خطاهای بعد تصویر را مشخص می کنند.

GTmetrix ابعاد تصویر را مشخص کنید

2 عرض تصویر + قد از GTmetrix را کپی کنید

بعد ، عرض + ارتفاع تصویر را کپی کنید (تهیه شده توسط GTmetrix).

ابعاد تصویر GTmetrix

3. یافتن تصویر در وب سایت خود

حال باید تصویر را در سایت وردپرسی شما بیابیم.

ویرایشگر تصویری وردپرس بطور خودکار ابعاد تصویر را برای شما مشخص می کند ، بنابراین در اینجا معمولاً خطایی برای تصاویر وجود ندارد. با این حال ، برخی از مناطق وب سایت شما ممکن است ابعاد تصویر را بطور خودکار مشخص نکند (احتمالاً سازندگان صفحه ، لغزنده ها ، ابزارک ها و HTML یا CSS دارای کد دستی). شما باید یاد بگیرید که حوزه سایت وردپرس شما به شما خطایی می دهد.

تصویر ویجت وردپرس را پیدا کنید

ویجت ابعاد تصویر را مشخص کنید

4- عرض + قد را به HTML تصویر اضافه کنید

هنگامی که تصویر را پیدا کردید ، HTML آن را مشاهده کنید و متوجه خواهید شد که عرض + قد مشخصی وجود ندارد. تنها کاری که باید انجام دهید اینست که این موارد را در HTML وارد کنید: عرض = “135 ″ ارتفاع =” 135

WordPress ابعاد تصویر را مشخص کنید

5- صفحه را در GTmetrix دوباره امتحان کنید

تغییرات را ذخیره کنید و دوباره از طریق GTmetrix صفحه را دوباره انجام دهید. تصویری که خطایی داشت باید ثابت شود.

100٪ ابعاد تصویر را مشخص کنید

6. از افزونه Specify Image Dimensions استفاده کنید

افزونه Image Dimensions را مشخص کنید سایت خود را برای همه اسکن می کند برچسب هایی که عرض + ارتفاع را از دست می دهند و به صورت خودکار آنها را اضافه می کنند. با این حال ، من با این افزونه موفقیتی نداشته ام.

افزونه Image Dimensions را مشخص کنید

7. رفع خطاهای ابعاد تصویر در چند صفحه را مشخص کنید

آیا همین تصویر در چندین صفحه / پست ظاهر می شود و خطاهای بعد تصویر را مشخص می کند?

شما می توانید از افزونه Better Search Replace برای رفع آرم ، تصاویر ویجت و سایر تصاویر که در چندین صفحه ظاهر می شوند استفاده کنید بدون اینکه مجبور باشید به صورت جداگانه از آنها عبور کنید. این باعث صرفه جویی در وقت می شود.

مرحله 1: نصب کنید جستجوی بهتر افزونه را جایگزین کنید.

گام 2: در قسمت “جستجو برای” ، HTML تصویر را بدون عرض + ارتفاع مشخص شده اضافه کنید. در قسمت “Replace with” ، نسخه جدیدی از تصویر را که شامل عرض + ارتفاع است ، اضافه کنید.

مرحله 3: جدول (های) مورد نظر خود را انتخاب كنید كه افزونه بتواند تصاویر را اسكن كند و جایگزین آن شود. اگر می خواهید آن را امتحان کنید ، می توانید یک حالت خشک را انجام دهید ، در غیر این صورت آن گزینه را بردارید و روی “Run Search / Replace” کلیک کنید.

جستجوی بهتر تصاویر را جایگزین کنید

مرحله 4: این افزونه جستجو و جایگزینی تصویر را در تمام جداولی که انتخاب کرده اید ، اجرا می کند. پس از اتمام ، Better Search Replace به شما می گوید که چند جدول اسکن شده و چند تصویر جایگزین شده است.

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

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

  • تصاویر فشرده سازی
  • ارائه تصاویر از طریق CDN
  • تغییر اندازه GIFS
  • حذف داده های EXIF
  • بارگیری تصاویر تنبل + فیلم
  • Cloudflare Mirage ، لهستانی ، Hotlink Protection

بهینه سازی تصویر در GTmetrix

به دنبال آموزش های سرعت بیشتر در وردپرس هستید?
در اینجا آموزشهای دیگری که نوشتم:

  • نحوه راه اندازی WP Rocket (افزونه کش که توصیه می کنم)
  • Cloudways در مقابل SiteGround (دو میزبان برتر که من توصیه می کنم)
  • چگونه نمرات GTmetrix 100٪ را کسب کردم (راهنمای سرعت وردپرس)

من همچنین در زمینه بهینه سازی سرعت وردپرس یک فیلم جذاب دارم:

امیدوارم این آموزش به شما کمک کند و دیگر خطاهای بعد تصویر را مشخص نکنید!

سوالات متداول

&# x2705؛ ابعاد تصویر را چگونه مشخص می کنید?

خطا را در GTmetrix بیابید و عرض مناسب + ارتفاع تصویر را یادداشت کنید (تهیه شده توسط GTmetrix). در مرحله بعد ، تصویر را در داشبورد وردپرس خود پیدا کرده و کد HTML آن را مشاهده کنید. در مرحله بعد ، عرض + ارتفاع را به HTML تصویر اضافه کنید. مثال: عرض = ”680 ″ ارتفاع =” 340

&# x2705؛ اندازه تصویر را از کجا می توانم پیدا کنم?

GTmetrix ابعاد صحیحی از تصاویر را نشان می دهد که دارای عرض و قد مشخصی در زیر مشخص کردن ابعاد تصویر نیستند.

&# x2705؛ چگونه می توانید تصاویر را در GTmetrix بهینه کنید?

این بدان معناست که شما باید با استفاده از افزونه ای مانند ShortPixel یا Imagify ، فشرده سازی کنید تا بدون ضرر تصاویر را فشرده سازی کنید. من از ShortPixel استفاده می کنم.

&# x2705؛ نحوه ارائه تصاویر مقیاس پذیر?

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

اگر هنوز سوالی دارید ، نظر خود را برای من رها کنید.

به سلامتی,
تام

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map