Изображенията в мрежата заемат по-голямата част от времето за изтегляне в повечето уеб страници. Но ако оптимизирате вашите уеб изображения, ще имате по-бърз сайт за зареждане. Има много начини за оптимизиране на уеб страница. Единственият начин, по който най-добре ще се подобри скоростта ви, е да направите графиката си възможно най-малка.
Добро правило е да се опитате да запазите отделни изображения, които не са по-големи от 12 КБ, а общият размер на вашата уеб страница, включително всички изображения, HTML, CSS и JavaScript, не трябва да бъде по-голям от 100 КБ и оптимално не повече от 50 КБ.
За да направите графиката си възможно най-малък, трябва да имате графичен софтуер, който да редактира вашите изображения. Можете да получите графичен редактор или да използвате онлайн инструмент като Photoshop Express Editor.
Ето няколко съвета за оценяване на изображенията ви и за тяхното намаляване:
Изображението е в правилния формат?
Има само три формати за изображения за мрежата: GIF, JPG и PNG. И всеки от тях има определена цел.
- GIF-Използвайте GIF формата за плоски цветни изображения. Това са изображения с няколко цвята.
- JPG-Използвайте JPG формата за фотографски изображения. Това са изображения с милиони цветове.
- PNG-Използвайте PNG формата, ако нямате нужда от изображенията да се показват на мобилни устройства. Те са подходящи както за плоски, така и за фотографски изображения. Най-добре е да запазите вашите изображения както PNG, така и JPG или GIF и след това да използвате по-малката версия.
Какви са размерите на изображението?
Лесният начин да направите снимките си по-малки е да направите това, да ги направите по-малки. Повечето фотоапарати правят снимки, които са много по-големи, отколкото може да покаже средната уеб страница. Чрез промяна на размерите до някъде около 500 x 500 пиксела или по-малко, ще създадете по-малко изображение.
Изрязано ли е изображението?
Следващото нещо, което трябва да направите, е да се уверите, че изображението е изрязано толкова плътно, колкото можете. Колкото повече отрязвате изображението, толкова по-малка ще бъде. Изрязването също така помага да се дефинира предмета на изображението чрез премахване на чужди фонове.
Колко цвята използва вашият GIF?
GIF са плоски цветни изображения и включват индекс на цветовете, които присъстват в изображението. Индексът GIF обаче може да включва повече цветове, отколкото са действително показани. Чрез намаляване на индекса само на цветовете в изображението, можете да намалите размера на файла.
Каква настройка на качеството е вашият JPG файл?
JPG файловете имат настройка на качеството от 100% до 0%. Колкото по-малка е настройката за качество, толкова по-малък ще бъде файлът. Но внимавай. Качеството влияе върху начина, по който изображението изглежда. Затова изберете настройка за качество, която не е прекалено грозна, като същевременно запазвате ниския размер на файла.