Как да оптимизирате изображенията, които ще използвате на вашия уебсайт
Помага за ефективността на вашия уебсайт.
Подобрява визуализацията за потребителя.
Получавате по-добра скорост на зареждане.
Google ви харесва повече.
Както можете да видите, всички са предимства, ако оптимизирате изображенията за вашия уебсайт. Не губите нищо, просто отделете малко време за това. Трябва да направите същото, същия процес, нещо систематично с всичките си изображения.
В моя случай, след като събера всички снимки, които ще използвам в папка, аз ги отварям с инструмента за фотошоп и тогава започвам първата си стъпка за оптимизиране.
За хората, които не използват фотошоп или нямат този инструмент, ще говоря за други алтернативи.
Е, нека да стигнем до него. Започнахме. 🚀
Формат на изображението за мрежата
Със сигурност вече знаете, някои разширения като jpeg, png, gif ... може би не толкова, ако говорим за svg или Wbmp.
За да се обясни по прост начин, първите три са формати на изображения, които използват пиксел (тези цветни квадратчета), всеки формат използва повече или по-малко пиксел.
В случая на SVG това е векторен формат, който използва редове. Обичам този формат за икони, разделители и линейни изображения.
Това е много изчистен и ясен формат, когато го гледате, можете да увеличите каквото искате и той да не губи качество, както в случая на изображения с пиксели.
И напоследък форматът Wbmp е много модерен, което във Photoshop вече ви позволява да използвате, но което според мен и моят собствен опит все още има устройства и браузъри, които не четат този формат и не показват изображението.
Въпросът за оптимизирането на изображенията е да работим по „чист“ начин, да набираме скорост и в крайна сметка, ако оптимизираме, ще бъде добре за нашия потребител, за SEO и за нас самите. Но да, целият процес, на който ще ви науча в рамките на справедлива мярка.
Трябва да намалите размера и пространството на изображенията, без да губите качество или да затруднявате браузърите.
За да го разберете по-добре, ние ще се научим да правим нещо необходимо, аз съм запален по фотографията и когато става въпрос за проектиране особено на мрежата, видях, че работата ми не може да бъде преподавана по този начин с качеството, което направих, защо?
Е, тъй като камерата ми прави снимки с размер 5200px, тоест, за да видите тази снимка заедно 5 компютърни екрана, така че ме разбирате.
Следователно, ако го кача в мрежата, аз го натискам и го поставям в поле, което има ограничение, тъй като в повечето случаи имаме ограничен договор за сървър и че уеб страница, която има капацитет от 1MB, отнема 3 секунди за показване.
Вие го разбирате по-добре така?
Защо да качвате голяма снимка, ако тя ще се гледа на уебсайт с максимална разделителна способност 1200px, ако това е изображение за корицата, ако е за друга секция, 500 px е достатъчно сигурно.