Пълното ръководство за оптимизиране на изображения за мрежата (WordPress)

Актуализирано на 21.05.2018 | Публикувано на 05.05.2017 | 3 коментара

ръководство

Скоростта на уебсайта е един от критериите, взети предвид от алгоритъма на Google. С други думи, ако вашият сайт е бърз, ще е по-вероятно да попаднете на първата страница с резултати от търсенето и като допълнителен бонус вашите читатели ще му се насладят! Тази скорост обаче зависи от определен брой критерии като изборът на вашия сървър, твой тема (WordPress), вашите шрифтове, качеството на кода и преди всичко, теглото на вашите изображения. След това ще ви обясня как да оптимизирате и компресирате ефективно вашите изображения за мрежата като същевременно се поддържа добро ниво на качество.

Вашите изображения за мрежата: конвенции за спазване !

Преди да започнете, обърнете внимание на това трябва да спазвате няколко правила така че вашите изображения да са приемливи и оптимизиран за мрежата.

Правило n ° 1: действайте върху вашите изображения според няколко критерия

  • Размерите: камерите правят снимки с високо качество, обикновено с ширина над 5000 пиксела. За мрежата обаче тези изображения са твърде големи. Изображение с ширина 600 до 1000 пиксела ще бъде повече от достатъчно(зависи от неговото използване и използваната тема на WordPress: изображение за илюстрация на статия, изображение за Header Hero или фоново изображение няма да имат същата ширина). Намаляването на размера (Ш x В) на изображението де факто ще намали теглото му. Това е първата точка, по която трябва да се действа. Не забравяйте обаче поддържа "съотношението" на изображението, т.е. пропорцията между ширината и височината.
  • Резолюцията: вашите изображения могат да имат различни типове резолюции, от 72 до 400 DPI (или PPP) е броят на „Точки на инч“ което определя зърното и качеството на изображението за печат. За мрежата, типът на разделителната способност няма да промени теглото на вашето изображение, следователно не е необходимо да действате по този критерий.
  • Компресията: повечето софтуер за редактиране на изображения ще ви позволи да повлияете на качеството на компресията с даден процент. Ако намалите този процент, от 100% до 80% например (можете да намалите до 60%), вашето изображение няма да загуби много в качеството си, но, от друга страна, ще олекоти значително.
  • Теглото: всъщност няма „перфектно“ тегло, но е сигурно, че вашите изображения за вашия уебсайт трябва да бъдат възможно най-лека. В идеалния случай, изображение по-малко от 100Kb би било добро начало. Тогава това, което трябва да се вземе предвид, е броят на изображенията на една и съща уеб страница.

Правило # 2: действайте ПРЕДИ да качите изображенията си в WordPress

Преди да качите вашите изображения в библиотеката на вашия WordPress сайт, ще трябва да го направите дайте име на снимката си правилно. Няма да е нужно при никакви обстоятелства не използвайте:

  • специални символи („#/@ & (,!’ + =.),
  • от ударени символи (епиаков ...),
  • Главна буква,
  • и ще трябва заменете пространствата си с тирета (тирета от 6 -/не тирета от 8 _, наречени UNDERSCORE).

Например: "Menu-sucre-sale.jpg" и не "Menu_sucré _ & _ salé.jpg".

Неправилното именуване на вашите изображения може да повлияе на показването им в някои уеб браузъри.

Правило # 3: ДЕЙСТВЕТЕ СЛЕД качване на вашите изображения в WordPress

Това е последната фаза на оптимизацията. След като снимката ви бъде качена в медийната библиотека, можете и трябва:

  • сменете ЗАГЛАВИЕТО си: ще изглежда заглавието на импортираната снимка "Меню-сукре-продажба" и можете да го замените с „Сладко и солено меню от моя кулинарен блог“
  • добавете АЛТЕРНАТИВЕН ТЕКСТ: Добавянето на алтернативен текст към вашите изображения е критично по три причини. Първото е това важно е за достъпността, Тоест, потребител с увредено зрение в Интернет, използващ браузър с гласова функция, ще може да види съдържанието на това изображение. Второто е, че този текст ще бъде свикнал вашето естествено препращане, така че помислете за това включете ключовите си думи. Третото е, че този текст ще се показва, когато браузърът има проблеми с доставянето на вашите изображения, особено когато потребителят има лоша мрежа.
  • въведете ЛЕГЕНДАТА и ОПИСАНИЕ: тези опции не са задължителни. Ако искате да се появи текст под вашето изображение, ще трябва да въведете надписа.

Как да компресирате изображенията си в мрежата ?

Има много начини да постигнете оптимизация на вашите снимки. В зависимост от вашия хардуер и вашата среда можете да използвате различен софтуер.

1. Методът с PHOTOSHOP

Тук няма да говорим за славата на PhotoShop, предполагам, че повечето хора, които работят в мрежата, използват този софтуер, независимо дали сте на Mac или PC. Не само ще можете да редактирате изображенията си, но и ще можете да ги експортирате за мрежата.