Защо имате нужда от оптимизация на изображения за вашия уеб сайт
Бърза навигация в страницата:
- Какво е това и защо е необходимо?
- Как да направя?
Оптимизирането на изображения за сайта е в списъка на "задължителните" за всеки сериозен сайт, но както показва практиката, в действителност много уеб администратори не винаги прибягват до него. Признавам си и не винаги правя това. Тази статия се появи, докато мислех за това.
Какво е това и защо е необходимо?
Разбирането на този въпрос е важно, за да не се оптимизира в името на оптимизацията (на принципа „нека бъде“).
Това действие по същество преследва две цели: - удовлетвореност на търсачките; - удовлетвореност на потребителите.
В същото време, за уебмастър, който популяризира сайта си, разбира се, първата точка е по-важна. А именно, в момента търсачките отчитат скоростта на зареждане на сайта като един от факторите за неговото класиране в резултатите от търсенето. Разбира се, това не е най-важният фактор, но ако вашият ресурс не е по-добър от другите, но в същото време се зарежда много бавно, тогава, както разбирате, търсачката няма да има причина да го класира по-високо на напротив, съвсем логично е да се класира по-надолу.
Но вторият момент също е от пряко значение - дори ако този фактор не беше пряко взет предвид от търсачките, той пак щеше да има косвено значение. Сайт, който се зарежда по-бързо, ще се хареса повече на посетителя, така че средният посетител ще предпочете да премине през различните страници на този сайт, увеличавайки поведенческите фактори. Ако сайтът се зарежда твърде дълго, за потребителя е по-лесно да го затвори и да отиде на друг сайт, като по този начин влошава поведенческите фактори.
По този начин основната задача на оптимизацията е да намали размера на изображенията - както включени в дизайна на сайта, така и снимките в статиите, докатоза да ускорите зареждането му и по този начин да получите малък плюс в класирането и поведенческите фактори.
Как да направя?
1. Използваме правилния формат
Както знаете, основните формати за изображения в интернет са jpg, png png-8 и png-24) и gif. Всеки от тях има своя собствена цел и е много желателно да я следвате.
Например, png форматът в момента се счита за най-оптимален за графики (png-8 — за прости изображения с малък брой цветове, png-24 — за изображения с голям брой цветове и полупрозрачност).
GIF форматът вече е остарял и се използва главно за анимация. По-добре е да правите обикновени бутони и икони в png, тъй като те тежат по-малко (което се опитваме да постигнем) и изглеждат по-добре в сложни детайли.
Форматът jpg се използва за снимки и големи сложни изображения.
Въз основа на тези правила трябва да вземете дизайна на вашия сайт и да проверите в какъв формат са направени всички изображения - няма ненужни дизайнерски елементи в jpg или gif и в публикациите не се използват изображения във формат png (или, много по-лошо, bmp и други редки формати), които трябва да бъдат в jpg.
2. Ширина и височина на снимките
Всяко изображение трябва да се качва само в размера, в който реално се показва на страницата. Между другото, това е една от често срещаните грешки, тъй като уеб администраторите често качват снимки през администратора, без да намаляват размера им. В резултат на това на страницата се показва изображение с размери 300x200, а в действителност се зарежда файл с размери 900x600 или дори повече от ширината на страницата на уебсайта.
За да намаля размера, аз лично използвам безплатния редактор Paint.net - той е много прост и добър редактор с всичко необходимо зафункции за оптимизация. Има, разбира се, Photoshop, но за тези цели смятам, че използването му е ненужно.
В Paint.net просто трябва да отворите снимка, да натиснете CTRL+R и да зададете желаната ширина в прозореца и височината ще се промени автоматично. Ако след това трябва да изрежете височината, тогава трябва да изберете желаната област (размерите й ще бъдат показани в долната част на програмата) и да натиснете CTRL+SHIFT+X.
3. Размер на файла
В допълнение към промяната на ширината и височината, най-важният показател е размерът на файла. Ако нямате портал за снимки, повярвайте ми, потребителите изобщо не се нуждаят от снимки със 100% jpeg качество, те няма да видят разлика между 90% и 100% качество и размерът на файла ще бъде значително намален от това промени сам. Можете да намалите до 60-80% - просто се уверете, че качеството не е компрометирано.
Правя тази операция отново в същия Paint.net - щракнете върху "Запиши като" върху отворения jpeg файл (CTRL+SHIFT+S) и след това при запис ще бъдете подканени да изберете качеството. Операцията отнема около 2 секунди))
4. Направете воден знак?
На много сайтове можете да видите подпис с URL адреса на съответния проект и/или неговото лого в долната част на картината. Такъв воден знак може да се направи по много начини – може да се направи във Photoshop (включително автоматизирано с помощта на действие), може да се направи в Paint.net, може да се направи с PHP инструменти или плъгини за WordPress.
Друг е въпросът дали трябва да се прилага?
Тук моето чисто лично IMHO е, че има смисъл да го прилагате към тези снимки и картини, които са фотографирани, направени, нарисувани, създадени от вас. Това ще защити вашите авторски права, защото в противен случай работата ви най-вероятно ще бъде копирана от десетки ресурси и вие няма да можете да направите нищо по въпроса.
Ако става въпрос за това, което публикуватена вашата страница някаква снимка, която сте намерили в интернет (използвайки същите снимки на Google или Yandex), тогава според мен е неправилно и неетично да поставите воден знак върху нея.