Как да оптимизирате вашите изображения за WordPress IdeaPixel
Теглото и качеството на изображенията са един от основните аспекти на вашата уеб стратегия. Оптимизирането на вашите изображения за WordPress помага да поддържате сайта си гладко работещ, да бъдете по-добре насочвани от търсачките и да осигурявате гладко и приятно изживяване на потребителите, особено от визуална гледна точка.
В тази статия ще разберем какво означава да оптимизирате вашите изображения за WordPress. След това, как да го направите и с какви инструменти. За инструментите от тип приставки ще се основаваме на сравнително проучване, проведено от Isaumya.
Защо да компресирате вашите изображения ?
Ако изображенията правят съдържанието на вашия сайт по-привлекателно, по-интерактивно, те могат да окажат определено влияние върху скоростта на зареждане на вашите страници. Разбира се, често се казва, че снимката струва хиляда думи, но нека не забравяме, че 1000 думи тежат средно по-малко от 6000 байта (или 6 KB), когато 1 MB изображение тежи 1 000 000 (или 1000 KB).
Теглото на изображенията се определя от техния размер (в брой пиксели), свързаните с тях метаданни и цветовете. Голяма част от тези данни обаче са излишни от чисто визуална гледна точка. Всъщност много цветови спектри не се възприемат от човешкото око и някои метаданни (информация за изображението, увеличение, фокусно разстояние и др.) Не представляват интерес за уеб публикация.
Днес изображенията представляват повече от половината от съдържанието на сайтовете. Следователно става важно да оптимизирате вашите изображения за правилното функциониране на вашия сайт. Да видим как !
Какво да знаете за изображенията
Какъв формат за каква употреба ?
Преди да включите изображение в WordPress (компресирано или не), препоръчваме да изберете оригиналния формат на снимката. Форматите (PNG, JPEG, GIF) съответстват на начина (кодирането), по който изображенията се записват във файла. С изключение на необходимостта от прозрачност, JPG форматът често е най-подходящият за уебсайт.
JPG = Снимки, изображения с хиляди цветове или нюанси на сивото
PNG = Диаграми, прости изображения, лога или изображения с прозрачност. Много тежко
GIF = пикто с малко цвят, анимация
Само GIF и PNG позволяват прозрачност.
Компресия без загуби и загуби ?
Компресия без загуби
Данните за цвета не се променят. Премахване на неподходящи метаданни (тип устройство, обектив, използвано фокусно разстояние и др.).
=> Намаляване на размера от 2% на 37%
Компресия със загуба
Сложна програма (често платена), която анализира всички данни (метаданни и цветове), за да ги компресира.
=> Намаляване на размера от 40% на 97%
Страницата ще се зареди много по-бързо.
Предупреждение: ако използваната програма не е с високо качество, може да има влошаване на изображението (пикселизация).
Оптимизирайте вашите изображения без приставка ?
За по-удобно, идеалното е да оптимизирате вашите изображения, преди да ги интегрирате във вашия бек офис на WordPress и по този начин да избегнете използването на приставка за компресиране на изображения.
Трябва да се вземат предвид два фактора: размерите и теглото на изображенията.
Познайте „правилните“ размери на вашите изображения
За бързо зареждане на вашия сайт е от съществено значение да се спазват размерите, установени от уеб дизайнера за планираното местоположение за всяко изображение.
За да проверите дали имате изображения за преоразмеряване, можете да използвате GT Metric. Копирате и поставяте URL адреса си и ако се появи раздел „Подаване на изображения в мащаб“, ще получите списъка с изображения, които да коригирате с правилните размери.
Онлайн инструмент за преоразмеряване на вашите изображения
Копирайте, поставете URL адреса на изображението в онлайн инструмента ImageResize
В раздел 2 поставете опцията "персонализиране" и интегрирайте размерите, препоръчани от GT Metric. След това запазете изображението на вашия компютър.
За да преоразмерите вашите изображения, можете, разбира се, да използвате всеки софтуер за редактиране на изображения, като например Photoshop.
Идентифицирайте изображенията за компресиране
С GT Metrics можете да определите кои изображения могат да бъдат компресирани допълнително, за да оптимизирате скоростта на зареждане.
Копирате и поставяте своя URL адрес и в раздела „Оптимизиране на изображенията“ ще получите списъка с изображения за компресиране.
Понякога обаче е необходимо да се правят компромиси между качеството и теглото. Например изображенията, съдържащи текст, трудно могат да бъдат компресирани твърде много, защото текстът ще стане нечетлив. Следователно те ще бъдат малко по-тежки, ако искате да поддържате определен визуален комфорт.