افزونه های وردپرس برای فشرده سازی تصویر. بهینه سازی تصاویر در وردپرس: حذف تصاویر غیر ضروری و فشرده سازی بقیه

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

چه زمانی به افزونه فشرده سازی تصویر وردپرس نیاز دارید؟

تصاویر در مقایسه با متن از نظر اندازه بزرگ هستند، به این معنی که بارگذاری آنها بیشتر طول می کشد و می تواند سرعت سایت شما را کاهش دهد.

با این حال، احتمالاً این ضرب المثل را شنیده اید که "یک عکس ارزش هزار کلمه را دارد". تصاویر محتوای شما را جذاب تر و تعاملی تر می کنند.

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

با این حال، همه کاربران از کار کردن با یک برنامه ویرایش تصویر راحت نیستند. بله، و زمان زیادی می برد.

خوشبختانه، چندین افزونه فشرده سازی وردپرس وجود دارد که می تواند به شما کمک کند. این افزونه ها تصاویر شما را با فشرده سازی خودکار آنها و ارائه نسخه کوچکتر در وب سایت شما بهینه می کنند.

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

1. reSmush.it

قیمت: رایگان

reSmush.it بهترین افزونه فشرده سازی تصویر وردپرس است. این امکان را به شما می دهد تا به صورت خودکار تصاویر را هنگام آپلود بهینه سازی کنید و همچنین یک گزینه بهینه سازی انبوه برای تصاویر قدیمی ارائه می دهد.

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

قیمت: رایگان

EWWW Image Optimizer یک گزینه عالی برای افزونه فشرده سازی تصویر وردپرس است. استفاده از آن آسان است و می تواند به طور خودکار تصاویری را که در پرواز آپلود می کنید بهینه کند. همچنین می تواند تصاویری که قبلا دانلود کرده اید را به صورت دسته ای فشرده و بهینه کند.

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

3. فشرده سازی JPEG و PNG

قیمت: رایگان

فشرده سازی JPEG & PNG توسط تیم TinyPNG ایجاد شده است و برای استفاده از افزونه باید یک حساب کاربری ایجاد کنید. شما فقط می توانید 100 تصویر را در هر ماه با یک حساب کاربری رایگان بهینه کنید. این می تواند به طور خودکار تصاویر را هنگام آپلود فشرده کند و همچنین می توانید تصاویر قدیمی را بهینه کنید.

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

قیمت: رایگان

ShortPixel Image Optimizer یکی دیگر از افزونه های مفید فشرده سازی تصویر وردپرس است. از شما می خواهد که با ارائه آدرس ایمیل خود یک کلید API بدست آورید. حساب رایگان اولیه به شما امکان می دهد تا 100 تصویر در ماه را فشرده کنید و برای افزایش این محدودیت باید به برنامه های پولی آنها ارتقا دهید.

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

5. WP Smush

قیمت: رایگان

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

نسخه رایگان این افزونه نیازی به ایجاد حساب کاربری برای استفاده از کلید API ندارد. ویژگی بهینه سازی انبوه به شما امکان می دهد تا حداکثر 50 تصویر را در یک زمان بهینه کنید و می توانید برای فشرده سازی تصاویر بیشتر، بهینه ساز انبوه را دوباره اجرا کنید.

مقایسه و تست پلاگین های فشرده سازی تصویر

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

برای اندازه گیری این، با بارگذاری تصویر مشابه با استفاده از هر یک از این افزونه ها، آزمایشی را انجام دادیم.

ما از تصویر JPEG زیر برای تست های خود استفاده کردیم، اندازه فایل است 118 کیلوبایت .

ما به تنظیمات افزونه دست نزده ایم. در اینجا نتایج ما آمده است:

نام افزونه	نتیجه فشرده سازی	ذخیره (٪)	روش فشرده سازی
reSmush.it	76 کیلوبایت	30,59%	بدون ضرر
	112 کیلوبایت	5%	بدون ضرر
	114.7 کیلوبایت	2,8%	با ضرر و زیان
	69.2 کیلوبایت	41,94%	با ضرر و زیان
WP Smush	112 کیلوبایت	5%	بدون ضرر

سپس می خواستیم تصویر PNG را آزمایش کنیم تا ببینیم رقبای ما چگونه آن را بهینه کرده اند.

ما از تصویر PNG زیر برای تست استفاده کردیم و هست 102 کیلوبایتدر اندازه فایل

در اینجا نتایج ما آمده است:

نام افزونه	نتیجه فشرده سازی	ذخیره (٪)	روش
reSmush.it	36 کیلوبایت	63,8%	بدون ضرر
	97.5 کیلوبایت	1,9%	بدون ضرر
	34,3	64%	با ضرر و زیان
	37 کیلوبایت	63,5%	با ضرر و زیان
WP Smush	99 کیلوبایت	2,9%	بدون ضرر

بهترین افزونه فشرده سازی تصویر برای وردپرس چیست؟

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

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

یک افزونه عالی با تنظیمات انعطاف‌پذیر است، اما برای دسترسی به سطوح فشرده‌سازی به کلید API پولی آن‌ها نیاز دارید، که تفاوت واقعی ایجاد می‌کند.

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

سلام! دیگر بحث این نیست که چه چیزی باید در یک وب سایت برای "عشق موتور جستجو" بهینه شود و چه کاری می تواند به خوبی انجام شود. واقعیت این است که همه چیز باید بهینه شود (). علاوه بر این، یک چیز به چیز دیگری می چسبد، و تمام صدها قانون نمایه سازی و رتبه بندی که در الگوریتم های جستجو کار می کنند، مدت هاست که در یک درهم تنیده شده اند. به عنوان مثال، عکس های یک وب سایت باید بهینه شوند.

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

اگر به توسعه یافته در اینترنت نگاه کنید، این کار را می توان با هر سرور آنلاین ویژه ای انجام داد، خواهیم دید که سهم شیر از زمان بارگذاری را عکس های بهینه نشده اشغال می کنند.

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

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

بهینه سازی تصویر وردپرس (SEO) هنگام درج انکرهای تصویر در مقاله

هنگام افزودن یک تصویر به هر سایتی، می توانید موارد زیر را تنظیم کنید: لنگر عکس (لنگر پیوند عکس)، توضیحات، عنوان و اندازه آن. Anchor برای موتورهای جستجو اهمیت ویژه ای دارد. لنگر عکس با ویژگی alt مشخص می شود.

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

عکس بدون شرح:

با شرح عکس:

عنوان عکس

در وردپرس، تمام ویژگی‌های عکس، از جمله لنگر، در حالت بصری تنظیم می‌شوند:

ویژگی ها در حالت " " یا در حالت "ویرایش عکس" اضافه می شوند.

قوانین برای عکس های لنگر

• ویژگی alt (anchor) برای یک تصویر باید منحصر به فرد باشد.
• در یک مقاله، توصیه می‌شود که یک لنگر عکس (ویژگی alt) کلید مستقیم (عبارت کلیدی) مقاله را شامل شود.
• اگر می خواهید لنگرها را به طور خودکار تولید کنید، به Majento.ru(مجنتو به عنوان مثال در نظر گرفته شده است و ادعا نمی کند که منحصر به فرد است) به ژنراتور لنگر.

نتیجه گیری 1

سیستم وردپرس مشکل بهینه سازی کد تصویر را به طور کامل حل کرده است. در صورت تمایل، می توانید تمام ویژگی های تصویر لازم را که برای بهینه سازی آن مهم هستند به صورت بصری پر کنید و خود سیستم اندازه عکس را در برچسب ها تنظیم می کند:

بهینه سازی تصاویر قبل از افزودن به سایت

بهینه سازی تصاویر باید قبل از اضافه شدن به سایت شروع شود. و نکته اصلی کاهش اندازه عکس بدون از دست دادن کیفیت است.

برنامه هایی برای کاهش حجم فایل های تصویری در این مورد به کمک خواهند آمد. در اینجا چند قانون وجود دارد:

• سبک ترین عکس ها در پسوند jpeg.
• فرمت png و اسکرین شات ها در pnp سنگین ترین هستند.

برای کار منظم با عکس ها، باید چندین برنامه را امتحان کنید و چند تا از آنها را برای کار معمولی انتخاب کنید. من از برنامه های ویرایش و فشرده سازی عکس زیر استفاده می کنم:

• ابزار استاندارد Microsoft Office (فشرده سازی عالی هنگام تغییر اندازه تا 448x)؛

بهینه سازی تصاویر وردپرس با استفاده از Microsoft Office 2010

• برنامه عالی Fast Stone Image Viewer(http://www.faststone.org/). این یک ویرایشگر عالی با قابلیت فشرده سازی گروهی خوب و تغییر فرمت عکس است.

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

• برنامه (https://saerasoft.com/caesium/). این یک برنامه رایگان با فشرده سازی عالی تکی یا گروهی عکس ها با فرمت jpeg است.

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

• من برنامه را توصیه می کنم (sourceforge.net/projects/nikkhokkho/files/latest/download). برخلاف Ceasium، این برنامه در ویندوز هر فرمت تصویر را فشرده می کند.

نتیجه 2

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

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

با وردپرس، می توانید کل کتابخانه رسانه وردپرس خود را بدون آپلود عکس بهینه کنید.

برای بهینه سازی عکس هایی که قبلاً در کتابخانه رسانه وردپرس قرار داده شده اند ما از پلاگین استفاده می کنیم: EWWW Image Optimizer(تست شده در نسخه 4.4.2.). این افزونه ساده است، اما پلاگین کار به طور دوره ای به روز می شود. افزونه Cloud (2) به شما امکان می دهد عکس ها را با استفاده از فناوری های ابری بهینه کنید و عکس ها را بدون تغییر فرمت فشرده کنید. این افزونه برای هر عکس تا 1000 عکس 0.005 دلار پرداخت می شود.

افزونه را به صورت استاندارد نصب کنید، می توانید این کار را از پنل وردپرس در تب Plugins→Add new→Search by name انجام دهید.

پس از فعال سازی افزونه، آماده کار است، اما می توانید تنظیمات را انجام دهید (تنظیمات → EWWW Image Optimizer) تنظیمات به زبان روسی هستند، تنظیمات خطرناک با کلمه "توجه!" به هر حال، یک تابع برای قالب بندی مجدد عکس ها از png و gif به jpeg وجود دارد. پس از انجام تنظیمات، صفحه افزونه را باز کرده و فرآیند بهینه سازی را شروع کنید.

پس از مدتی به نتایج فشرده سازی عکس می پردازیم. توجه می‌کنم که من همیشه عکس‌ها را قبل از سایت فشرده می‌کنم، اما افزونه EWWW Image Optimizer می‌تواند از 5٪ تا 20٪ از هر عکس "فشرده" کند.

نتیجه 3

وردپرس با کمک یک افزونه (افزونه) اضافی به شما امکان می دهد عکس های کل کتابخانه رسانه سایت را در هر زمان بهینه سازی کنید.

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

• سعی کنید فرمت های تصویر برداری را انتخاب کنید. کیفیت آنها به وضوح یا اندازه بستگی ندارد، به همین دلیل است که در نمایشگرهای بزرگ و دستگاه های مختلف عالی به نظر می رسند.
• برای منابع SVG: آنها را فشرده کنید، نشانه گذاری XML را حذف کنید، تنظیمات فشرده سازی GZIP را برای فایل های SVG بررسی کنید.
• برای عکس های شطرنجی: مقیاس و فرمت خود را برای عکس های شطرنجی انتخاب کنید، از GIF اجتناب کنید، عکس ها را قبل از افزودن به سایت فشرده کنید ()، از کاهش کیفیت عکس نترسید، تا حد امکان رنگ را کاهش دهید (به طور مطلوب 256 رنگ)، ابرداده های غیر ضروری را حذف کنید (

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

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

1. هامی Hammy محتوای گرافیکی صفحه شما را بهینه می کند. این افزونه بر اساس پارامترهایی که شما مشخص می کنید، تصاویری در اندازه های مختلف تولید می کند. هنگامی که کاربر به سایت شما دسترسی پیدا می کند، Hammy به طور خودکار تصاویر را بر اساس تنظیمات اندازه تصویر مشخص شده (گاهی اوقات حداقل مجاز) نمایش می دهد.

   این کمک می کند تا سایت شما سریعتر بارگذاری شود. این به ویژه برای کاربرانی که از دستگاه های تلفن همراه دسترسی دارند صادق است. Hammy به راحتی تنظیم می شود و می تواند در یکی از سه حالت موجود کار کند.

   
   

2. بار تنبل. با استفاده از افزونه Lazy Load، فرآیند بارگذاری صفحه به صورت زیر انجام می شود: تصاویر تنها زمانی بارگذاری می شوند که کاربر آنها را ببیند (از قسمتی از صفحه که روی صفحه قابل مشاهده است).

   Lazy Load یکی از ساده ترین پلاگین ها برای راه اندازی است. کافیست آن را نصب و فعال کنید بدون ایجاد بار غیر ضروری روی سرور سرعت بارگذاری سایت را افزایش می دهد.

3. بی عقلی. Imsanity اندازه تصاویر آپلود شده را در صورتی که بزرگتر از مقدار مشخص شده در تنظیمات افزونه باشند، تغییر می دهد. تنها پارامتری که باید هنگام تنظیم افزونه تنظیم شود اندازه و وضوح تصاویر آپلود شده است. Imsanity تصاویر را مستقیماً در هنگام آپلود روی سرور بهینه می کند. همچنین امکان پردازش تصاویر دانلود شده قبلی وجود دارد.

   
   

4. . HTTP 1.0 حداکثر دو اتصال را از یک دامنه امکان پذیر می کند. WP-PLS زیر دامنه های اضافی ایجاد می کند که به شما امکان می دهد فایل ها را به صورت موازی از آنها دانلود کنید. مرورگرها میزبان های بیشتری برای دانلود محتوا از آنها دریافت می کنند. این به شما امکان می دهد فایل های بیشتری را به طور همزمان دانلود کنید و سایت شما سریعتر اجرا شود!
5. CW Image Optimizer. آیا می خواهید اندازه تصویر را بدون از دست دادن کیفیت کاهش دهید؟ این کار برای افزونه Image Optimizer است. اگرچه نصب و پیکربندی آن چندان آسان نیست. اگر تصاویر زیادی در سایت خود دارید که نیاز به بهینه سازی دارند، CW Image Optimizer همچنین امکان پردازش انبوه را فراهم می کند.

   
   

6. EWWW Image Optimizer. این افزونه همچنین حجم تصویر را بدون افت کیفیت کاهش می دهد. استفاده از آن آسان است؛ صفحه پلاگین دستورالعمل های گام به گام دقیق و واضح را برای نصب آن ارائه می دهد. EWWW Image Optimizer همچنین دارای ویژگی پردازش دسته ای تصویر است.

   
   

7. تصاویر پاسخگو PB. PB Responsive Images به صورت تعاملی تصاویر را مطابق با وضوح مانیتور کاربر تنظیم می کند. علاوه بر این، شما نیازی به وارد کردن کد ندارید. شما می توانید اندازه تصاویر را تنظیم کنید و افزونه به طور خودکار دستور کد تصویر را ویرایش می کند. این به بهینه سازی صفحه شما برای کاربرانی که از دستگاه های تلفن همراه به سایت شما دسترسی دارند کمک می کند.

   
   

8. WP Smush.it. افزونه ای که از سرویس های Smush.it یاهو برای بهینه سازی تصاویر شما و کاهش اندازه آنها استفاده می کند. Smush.it یک پلاگین نسبتاً محبوب است و نیازی به پیکربندی اضافی ندارد.

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

   
   

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

   
   

ترجمه مقاله " 9 پلاگین وردپرس برای بهبود عملکرد تصاویر» توسط تیم پروژه دوستانه تهیه شده است.

خوب بد

(آخرین به روز رسانی: 1396/10/21)

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

و بنابراین، ملاقات و انتخاب کنید افزونه های وردپرس برای بهینه سازی، فشرده سازی تصویر بدون افت کیفیت، "برای هر سلیقه و رنگ"، دقیقاً چه چیزی به شما می آید. تمام ماژول های ارائه شده به طور مداوم به روز می شوند، نویسندگان از خلاقیت های خود مراقبت می کنند.

OptiPic - فشرده سازی خودکار تصویر بدون افت کیفیت

سرویس OptiPic برای فشرده سازی تصویر

می‌توانید با استفاده از افزونه‌ای از سرویس OpticPic، کاهش/فشرده‌سازی تصویر را در وردپرس خودکار کنید:

اتصال ساده OptiPic به سایت به معنای واقعی کلمه 2 دقیقه طول می کشد.
- این سرویس به صورت خودکار کامل کار می کند - ظاهر تصاویر جدید (هنوز فشرده نشده) به طور مداوم نظارت می شود.
- کار با OptiPic ایمن است - قبل از بهینه سازی هر تصویر، یک کپی اصلی به طور خودکار ایجاد می شود.
- یک تابع برای کاهش اندازه تصاویر (تغییر اندازه) وجود دارد.
- یک برنامه وابسته وجود دارد که می توانید تا 40٪ از مشتریان جذب شده درآمد کسب کنید.
- این سرویس نه تنها از سایت های موجود در وردپرس، بلکه از هر سایتی در PHP (هر CMS، چارچوب یا حتی یک سایت خودنویس) پشتیبانی می کند.

می توانید افزونه وردپرس را برای فشرده سازی خودکار تصویر در وب سایت OptiPic.io متصل کنید. پس از نصب افزونه وردپرس، تصاویر به صورت خودکار کاهش می یابد. ماژول تصاویر موجود را پیدا می کند و اندازه آنها را بدون از دست دادن کیفیت بهینه می کند. افزونه فشرده سازی تصویر با اکثر فرمت های تصویری رایج کار می کند. دستورالعمل های ویدیویی برای نصب و پیکربندی ماژول - https://www.youtube.com/watch?v=Qz6pJDfsKX8.

تصاویر JPEG و PNG را به صورت خودکار با TinyPNG بهینه کنید

آیا تصویر را تشخیص می دهید؟ بله حق با شماست، این ماژول از سرویس آنلاین معروف و محبوب TinyPNG می باشد. اکنون همچنین برای کاربران وردپرس - بهینه سازی تصاویر در سایتبه طور خودکار با TinyPNG. این افزونه با ادغام با سرویس فشرده سازی تصویر TinyJPG و TinyPNG به طور خودکار تصاویر شما را بهینه می کند. به طور متوسط، تصاویر JPEG 40-60٪ و تصاویر PNG بین 50-80٪ بدون هیچ گونه افت کیفیت قابل مشاهده ای فشرده می شوند. سایت شما سریعتر برای بازدیدکنندگان بارگیری می شود و فضای دیسک و پهنای باند را در هاست خود ذخیره خواهید کرد! 😉

برای شروع کار با فشرده سازی تصاویر JPEG و PNG، ابتدا افزونه را به صورت استاندارد و از طریق جستجوی افزونه در پنل مدیریت نصب و فعال کنید. در مرحله بعد، باید یک کلید API رایگان دریافت کنید. به تنظیمات - فایل های رسانه ای بروید:

تنظیمات رسانه - فشرده سازی PNG و JPEG

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

فشرده سازی تصاویر در سایت WP

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

Prizm Image - افزونه فشرده سازی تصویر

افزونه Prizm Image به شما این امکان را می دهد که با حفظ وضوح و کیفیت تصویر، حجم فایل های خود را تا 70 درصد کاهش دهید. نه تنها گوگل و بسیاری دیگر از کارشناسان وب، بهینه سازی تصاویر وب را برای بهبود عملکرد سایت توصیه می کنند. گوگل دوست دارد صفحات وب سایت به سرعت بارگذاری شوند، بنابراین نباید از آن غافل شوید. این ابزار تصاویر را با فرمت های JPEG، PNG و GIF فشرده می کند. برای شروع کار با این ابزار، پس از نصب و فعال سازی، باید با کلیک بر روی لینک سرویس، یک کلید API رایگان نیز دریافت کنید:

راه اندازی افزونه Prizm Image

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

نحوه کار با Prizm Image. سه راه برای بهینه سازی تصویر با استفاده از تنظیمات سفارشی وجود دارد. بهینه سازی خودکار تصویری که به سایت اضافه می کنید (مگر اینکه عملکرد در تنظیمات غیرفعال باشد - هنگام بارگیری پردازش نکنید). به صورت جداگانه در کتابخانه رسانه وردپرس، هر تصویر انتخابی را بهینه کنید. بهینه سازی انبوه همه تصاویر موجود در کتابخانه رسانه خود.

Optimus - فشرده سازی تصاویر به صورت خودکار

فشرده سازی موثر تصاویر در طول فرآیند آپلود. به صورت خودکار و بدون افت کیفیت. یک افزونه بسیار ساده، در نسخه رایگان اولیه تقریبا هیچ تنظیماتی وجود ندارد. Optimusحجم فایل آپلود شده در سایت را کاهش می دهد. بسته به تصویر و اندازه، می تواند تا 70 درصد کاهش یابد. نصب، فعال و فراموش شده است. بهینه سازی تصاویر (از جمله ریز عکسها) در پس زمینه اتفاق می افتد و از نظر بصری تقریباً برای کاربران نامرئی است.

بهینه سازی تصویر در پس زمینه اتفاق می افتد

ShortPixel Image Optimiser یک ابزار فشرده سازی تصویر بدون افت کیفیت است

پلاگین برای فشرده سازی تصاویر - ShortPixel Image Optimiser

افزونه ShortPixel اندازه تصویر را کاهش می دهد و باعث می شود سایت سریعتر بارگذاری شود. کیفیت تصویر با استفاده از فناوری های فشرده سازی پیشرفته حفظ می شود. این ابزار به طور خودکار تصاویر را با استفاده از فشرده سازی بدون اتلاف بهینه می کند. در نتیجه کیفیت تصاویر با عکس اصلی تفاوتی ندارد. در اینجا، برای کار با افزونه، باید یک کلید API رایگان نیز دریافت کنید. کلید API منحصربه‌فردی که برای فعال‌سازی افزونه دریافت می‌کنید می‌تواند برای چندین وب‌سایت شما استفاده شود:

افزونه ShortPixel - کلید API خصوصی ShortPixel Settings Image Optimizer

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

بهینه سازی فایل های تصویری با Smush.it برای وردپرس

افزونه WP Smush.it برای بهینه سازی تصویر

با قضاوت بر اساس تعداد کاربرانی که در حال حاضر 1،178،159، ماژول WP Smush.it را نصب کرده اند، این ابزار فشرده سازی تصویر محبوب ترین و مورد تقاضا است. معلوم می شود که او بهترین در نوع خود است. WP Smush.it هر تصویری را که آپلود می کنید - یا قبلاً به سایت خود اضافه کرده اید - به دقت اسکن می کند و حجم فایل (وزن) را بدون از دست دادن کیفیت کاهش می دهد. فرمت تصویر برای فشرده سازی JPEG، GIF و PNG. نسخه رایگان و PRO وجود دارد، اما نسخه اصلی کافی خواهد بود. پس از نصب و فعال سازی افزونه، می توانید آن را در قسمت Media files - زیربخش WP Smush.it پیکربندی کنید:

راه اندازی افزونه WP Smush.it

هیچ چیز پیچیده ای در اینجا وجود ندارد. باید مشخص کنید که فایل های تصویری هنگام آپلود در سایت به صورت خودکار فشرده شوند یا خیر. می‌توانید روی دکمه‌ای کلیک کنید تا همه عکس‌هایتان را که در وب‌سایتتان هستند به‌طور گسترده بهینه‌سازی کنید. اساساً همین است. اکنون واضح است که چرا اینقدر محبوب است، حداقل تنظیمات دارد و مدیریت آن آسان است، بدون هیچ کلید یا ثبت. من سعی کردم آن را روی یک تصویر در وب سایت خود اعمال کنم و این نتیجه ای است که دریافت کردم: کاهش 1.0٪ (251 B) و کیفیت، به نظر من، ثابت ماند. 😯 می توانید تصور کنید اگر ۱۰۰ عکس را بهینه کنید، این مقدار فضایی است که می توانید در هاست خود آزاد کنید و به علاوه سرعت بارگذاری سایت افزایش می یابد. وای! گوگل و یاندکس قطعا چنین سایت یا وبلاگی را دوست خواهند داشت.

با این، دوستان و خوانندگان ارزشمند من، برای مدت طولانی با شما خداحافظی می کنم. بهترین ها برای شما و دوباره دیدن شما. من واقعاً امیدوارم پست امروز برای شما مفید بوده باشد. خداحافظ.

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

تصاویری که 3 مگابایت وزن دارند را مستقیماً از دوربین خود در سایت آپلود نکنید

یکی از مشکلاتی که همه مشتریان من در سی روز اول راه اندازی سایت وردپرس با آن مواجه شده اند نحوه کار با تصاویر است. علی‌رغم همه چیزهای بزرگی که وردپرس به کاربران ارائه می‌دهد، تصاویر همچنان برای اکثر مردم یک مانع هستند. به طور معمول، سوالات مربوط به برش تصاویر، بارگذاری آنها از دوربین، انجام اصلاحات اولیه رنگ یا وضوح، و بسیاری از مشکلات دیگر است که حتی قبل از ورود به سایت شما رخ می دهد. دوربین‌های دیجیتال مدرن عکس‌هایی می‌گیرند که وزن آن‌ها حدود 20 برابر بیشتر از عکس‌هایی است که برای وب‌سایت خود نیاز دارید (مگر اینکه نیاز به بهینه‌سازی برای نمایشگرهای شبکیه داشته باشید، اما این یک داستان برای زمان دیگری است).

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

مشکل چیه؟

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

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

طبیعتاً باید بدانید که دوربین‌ها برای چاپ طراحی شده‌اند که به وضوح بسیار بالاتری نسبت به مانیتورها و نمایشگرهای شما نیاز دارد. این بدان معنی است که اگر تصویر دوربین خود را مستقیماً در یک صفحه وب قرار دهید، حداقل دو برابر عرض نمایشگر خواهد بود. حتی اگر DPI را به 72 (رزولوشن یک مانیتور معمولی) تغییر دهید، تصویر همچنان بزرگتر از آن خواهد بود که در ناحیه محتوای گسترده 800 پیکسل قرار گیرد.

اگر می خواهید شفافیت را در تصویر خود اعمال کنید، باید در مورد شفافیت آلفا و فایل های png 24 بیتی بدانید. بیایید این را نیز در نظر بگیریم که حتی یک JPG کوچک با عرض 800 پیکسل در صورتی که به درستی بهینه نشده باشد، می تواند 1 یا 2 مگابایت را اشغال کند. و نه فقط "بهینه سازی"، بلکه بهینه سازی بدون ضرر.

بنابراین، علاوه بر فرمت های فایل جدید، باید همه چیز را در مورد DPI، پیکسل ها (واحد اندازه گیری استاندارد مورد استفاده در مرورگرها) بیاموزید و همچنین یاد بگیرید که چگونه تصاویر خود را تا حد دلخواه برش دهید. برای انجام همه این کارها به ابزار مناسب نیاز دارید.

واقعا فتوشاپ بخرم؟!

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

یک نکته سریع: فقط در صورتی می توانید Photoshop CS2 را به صورت رایگان دانلود کنید که قبلاً آن یا Acrobat 7 را سفارش داده باشید. هیچ چیز مانع از ایجاد حساب کاربری در Adobe و دانلود فتوشاپ توسط کاربر نمی شود، اما از نظر فنی آزادانه توزیع نمی شود.

نصب IrfanView

فتوشاپ هیولایی از یک برنامه است. زمان زیادی طول می کشد تا بارگذاری شود و منحنی یادگیری جدی دارد و انجام برخی کارهای به ظاهر شهودی را دشوار می کند. به جای فتوشاپ، ترجیح می دهم از IrfanView استفاده کنم. این یک ابزار عالی با نام وحشتناک است.

IrfanView یک ویرایشگر تصویر بسیار سبک و در عین حال بسیار کاربردی است. این 100٪ رایگان است و دارای تعداد زیادی افزونه عالی است که آن را برای استفاده در وب سایت ها عالی می کند. در زیر به شما نشان خواهم داد که چگونه آن را نصب کنید و از آن برای وب سایت خود استفاده کنید.

سایر ابزارهای مفید:

• GIMP. یک ابزار رایگان که جایگزینی (با کشش) برای فتوشاپ است. من آن را کمتر کاربر پسند می دانم و از آنجایی که Photoshop CS2 اکنون رایگان است، ادامه استفاده از Gimp را فایده ای نمی بینم، اما بسیاری از کاربران آن را دوست دارند. امتحان کنید، شاید این را پسندیدید.
• پیکاسا ابزار سازماندهی عکس که من استفاده می کنم. همچنین معلوم می شود که ابزارهای عالی ویرایش عکس دارد. فکر نمی‌کنم Picasa برای بهینه‌سازی تصاویر شما برای استفاده در وب مناسب باشد، اما در اینجا ذکر آن خالی از لطف نیست.
• گرین شات. اگر برای وب سایت خود به اسکرین شات نیاز دارید، می توانید از ابزار مفید Greenshot استفاده کنید. تقریبا هر روز ازش استفاده میکنم من او را دوست داشتم.

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

IrfanView را دانلود و نصب کنید

معمولا هیچ کس این را نمی خواند، اما هنوز:

به یاد داشته باشید که وردپرس 3 تصویر اضافی از یک تصویر آپلود شده ایجاد می کند. از آنجایی که ما قبلاً بهینه سازی را انجام داده ایم، افزونه SmushIt نمی تواند تصویر 400x300 را بیشتر بهینه کند. با این حال، علاوه بر این، وردپرس اندازه‌های تصویر دیگری نیز دارد که می‌توانیم از این طریق آن‌ها را بهینه کنیم. SmushIt می تواند بسیاری از تصاویر را به طور همزمان بهینه کند. در اینجا گزارشی است که SmushI برای تصاویر این پست ذکر کرده است.

ثانیا، من نصب Photon را برای کسانی که با هاست اشتراکی کار می کنند یا قصد دارند از تصاویر زیادی در سایت خود استفاده کنند، توصیه می کنم. Photon یک CDN است که توسط WordPress.com ارائه شده است. هنگامی که تصویر خود را آپلود می کنید، یک کپی از آن در سرورهای وردپرس واقع در سراسر جهان ذخیره می شود. این بدان معناست که شخصی در نیویورک می‌تواند تصاویر را از سرور وردپرس که در نیویورک قرار دارد و نه از سرور شما دریافت کند. همین را می توان در مورد سن دیگو، ساراسوتا، آستین، تگزاس و اروپا نیز گفت. CDN همچنین مقداری بهینه سازی تصویر را انجام می دهد. این سرویس رایگان است و به شما امکان می دهد زمان بارگذاری را سرعت بخشید، به اندازه صفحه کوچکتر و رضایت بیشتر کاربر دست پیدا کنید.

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

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

اگر می‌خواهید درباره تفاوت‌های بین JPG، PNG و GIF بیشتر بدانید، منبع زیر را توصیه می‌کنم: http://luci.criosweb.ro/riot/basic-understanding-of-web-formats/. یک مطلب خوب دیگر: پیشنهادات گوگل برای افزایش سرعت سایت با بهینه سازی تصاویر شما. چرا گوگل به این موضوع اهمیت می دهد؟ فاکتورهای سرعت صفحه صفحات شما در رتبه بندی سایت شما در نتایج جستجو در نظر گرفته می شود. این دلیل دیگری برای بهینه سازی است. اینم لینکش: