WordPress оптимизира уеб изображенията за тегло Joan Morci

Актуализирано в неделя, 14 юни 2020 г.

тегло

Подобрете зареждането на изображения на уеб сайтове на WordPress

Наблягам на WordPress, защото именно мениджърът на съдържанието всеки може да се справи, за да създава или редактира съдържание на уебсайт (с минимални знания как да го използва).

Освен това те обикновено са хора, които не обръщат внимание на определени детайли от този тип и се интересуват повече от писането на съдържание от собствен интерес.

Програмите и инструментите, които препоръчвам обаче, са приложими за всеки тип уеб страница. Всъщност програмата, която използвам най-много, е Photoshop, комбинирана с онлайн инструмента TinyPNG.

Банер - WordPress: оптимизирайте теглото на уеб изображението

Забележка 1: По всяко време говорим за изображения в мрежата или дигитален носител, никога за печат.

Индекс

  1. Подробности за снимките: размер, резолюция, тегло
  2. Примери: камера и скорост на предаване на данни
  3. Програми, инструмент, съвети и приставки
    - Програми за редактиране на изображения (Mac/Windows): променете размера
    - Онлайн инструмент: за компресиране (намаляване) на теглото
    - Съвет „AyudaWP“: намалете размера на WordPress
    - WordPress плъгини: за компресиране (намаляване) на теглото на изображенията
  4. Видеоурок
  5. Мнение

Подробности за снимките: размер, резолюция, тегло

Забележка 2: Тази статия е за този потребител, който не разбира значението за мрежата по отношение на фотогалериите.

Размер

960 x 720 пиксела (препоръчително макс.).

Уеб резолюция

72 dpi (според размера на пиксела).

Средно тегло на изображение

Приблизително 150 KB (избягвайте MB), ако е JPG формат (PNG форматът тежи повече, но има по-малко загуба на качество и се използва за прозрачни фолиа и плоски изображения, както и текстове).

Примери: камера и скорост на предаване на данни

Камера

Те обработват в пиксели размер и те са от едно резолюция 72 dpi:
- 12 мегапиксела = 4000 x 3000 пиксела (този размер трябва да бъде намален до 960 x 720 пиксела макс.) С тегло прибл. 4 MB (намалете до приблизително 150 KB)

План за данни

Обикновено за мобилни устройства или таблети те се справят с определени тегло, Изразено в:
- 1GB = 1000MB (най-ниска скорост на предаване на данни).
Други мерки за данни:
- 1 MB = 1000 KB (обърнете внимание на това тегло KB, което ще видим по-долу).
- 1 KB = 1000 B.

Трябва да направим снимките ни по-малки от 1MB. Идеалното би било по-малко от 150 KB, като се вземе предвид размерът, който посочих като пример в тази статия: 960 x 720 px, разделителната способност: 72 dpi и формат: JPG.

Програми, инструмент, съвети и приставки

Редактиране на програми
За да преоразмерите (пиксели), ако е необходимо.

Онлайн инструмент
За допълнително компресиране (намаляване) на теглото и запазване на качеството (JPG, PNG формати).

Съвет „Помощ за WordPress“
Премахнете определени размери по подразбиране, които WordPress установява.

WordPress плъгини
Откроявам 3 типа, които са най-препоръчителни за компресиране (намаляване) на теглото, въпреки че бих бил предпазлив с тях, защото приставките, които създават повече проблеми в WordPress, са фотогалериите и тези за оптимизиране на изображения.

Забележка 3: Добър заместител на приставките за галерия с изображения, това би била родната галерия на WordPress и ако вашата тема няма изскачащи прозорци за представяне на изображенията, има приставка, която има, Responsive Lightbox.

Програми за редактиране на изображения (Mac/Windows): преоразмеряване

За да промените размера (пиксели), ако е необходимо. Безплатни програми .

Визуализация (Mac).

- Променете размерите (размера) на изображението:
Отворете всяка снимка с „Преглед“> Инструменти> Регулиране на размера> Размери на изображението.

Визуализация - Примерни параметри (кликнете за уголемяване)

1-ви. Подходящо за: По избор (пиксели).
2-ри. Ширина: 960/Височина: 720 (пиксели).
3-ти. Разделителна способност (dpi): 72 (пиксели/инч).
4-ти. Мащабирайте пропорционално (да).
5-ти. Примерно изображение (да).
6-то. Да приеме.

- Запазете изображението в JPG (JPEG), PNG или други формати:
Файл> Експортиране> Експортиране като (изберете име)> Папка за запазване (Работен плот)> Форматиране (каквото искате)> Запазване.