Jak przygotować zdjęcia na stronę internetową. Rozmiar i waga robią różnicę.
Jednym z ważniejszych pytań jakie powinien sobie zadawać każdy właściciel strony www jest – jak przygotować zdjęcia na stronę internetową? W czasach kiedy każdy ma w kieszeni wysokiej klasy aparat fotograficzny może się wydawać, wystarczy zrobić zdjęcie, wrzucić na stronę i jest ok.
Otóż nie jest 🙂 Każdy właściciel strony internetowej musi zdać sobie sprawę, że tak jak ryby żyją w ocenie, tak strony żyją w przeglądarce Google. A Google, jak wiadomo, ma swoje wytyczne. Jedną z nich jest to, aby strony były jak najlżejsze, aby każdy użytkownik internetu, niezależnie od prędkości łącza, mógł z łatwością przeglądać internet. I tak jak ciężkie przedmioty idą na dno w ocenie, tak ciężkie strony mogą mieć problem z osiąganiem wysokich pozycji w Google, mówiąc delikatnie.
Przeczytaj także:
- Jaki hosting wybrać, czyli najlepsze, tanie serwery www
- Jak wybrać nazwę dla firmy. Praktyczne wskazówki
- Strona internetowa na WordPress. Szablon, page builder, czy strona projektowana indywidualnie? Co wybrać?
O co chodzi ze zdjęciami na stronę internetową?
Po pierwsze każdy współczesny aparat fotograficzny robi większe zdjęcia niż może wyświetlić 99% ekranów na świecie. Ile bowiem jest monitorów większych niż full hd? Ekran full hd ma rozdzielczość 1920 x 1080 px, co oznacza, że jeśli nasze zdjęcie ma któryś z wymiarów większy niż wymieniłem, powoduje że strona jest obciążona, nie uzyskując w zamian nic. Co więcej, większe zdjęcie musi zostać dopasowane do monitora, co może spowodować utratę jego jakości.
Wymiary zdjęcia 1920 x 1080 to jest ekstremalny przypadek, gdzie zdjęcie wypełnia cały ekran. W praktyce stron internetowych rzadko spotykany, ponieważ suwak z prawej strony przeglądarki internetowej oraz zakładki w jej górnej części już zabierają miejsce.
Inna sprawa, że często spotykam się na stronach internetowych z grafikami w formie plików png. Takie pliki mają zastosowanie tylko w małych grafikach typu logo, albo tam, gdzie konieczne jest przezroczyste tło. W każdym innym przypadku należy taki plik przekonwertować na jpg, co zmniejszy wagę grafiki o kilkadziesiąt procent.
Oprócz rozmiaru zdjęcie w formie jpg ma również drugi parametr, czyli jakość. Najpopularniejszy program do obróbki zdjęć – Photoshop ma wbudowaną funkcję, dzięki której można skompresować zdjęcie i dzięki temu uzyskać znacznie mniejszą wagę, nie tracąc przy tym zbytnio jakości. Umówmy się, odwiedzający naszą stronę nie będą przyglądać się naszym zdjęciom z nosem w monitorze. Problem w tym, że mało kto posiada Photoshopa. Jest też darmowy Gimp, ale nie należy do najprostszych programów. Z pomocą przychodzą nam programy online, gdzie wchodząc na stronę internetową możemy przystosować nasze zdjęcia do opublikowania na stronie internetowej.
Jeśli masz stronę internetową na WordPress, to dodając zdjęcie do treści strony możesz wybrać jego rozmiar. WordPress, gdy dodajesz zdjęcie, tworzy kilka jego wariantów, dzięki czemu łatwo unikniesz wielkiego zdjęcia na stronie. Niestety, dodając duże zdjęcia jako „obrazek wyróżniający”, WordPress pokaże oryginał na liście wpisów typu strona główna bloga, dlatego lepiej zdjęcie obrobić przed wrzuceniem na stronę.
Jakie programy do obróbki zdjęć online?
Szukając programów starałem się znaleźć takie, których obsługa jest maksymalnie prosta
Jeśli chcemy tylko zmniejszyć rozmiar zdjęcia, możemy skorzystać ze stron http://www.simpleimageresizer.com/ . Niestety można tutaj konwertować tylko jedno zdjęcie na raz, co przy większych potrzebach jest nieco męczące. Innym rozwiązaniem jest np https://imageresizer.com/ czy https://promo.com/tools/image-resizer/ .
Jeśli zależy nam tylko na kompresji (to może wystarczyć z uwagi na to, że WordPress sam zmniejsza zdjęcia przy przesyłaniu, ale nie ma tu pewności, że wtyczka z której korzystamy do pokazania zdjęcia będzie korzystała ze zmniejszonych plików) możemy skorzystać ze stron http://compressnow.com/ , lub https://tinypng.com/ . W tym przypadku możemy już przekonwertować więcej zdjęć jednocześnie, co jest dużym ułatwieniem
Warto jednak zarówno zmniejszać jak i kompresować zdjęcia.
Niestety nie mam tutaj dobrych informacji, bo strony, które wcześniej tutaj wymieniałem już nie istnieją. Jedyną opcją jaką znalazłem, która łączy w sobie obie czynności jest https://imageresizer.com/ . To rozwiązanie nie jest jednak idealne, bo mimo, że możemy zarówno zmniejszyć, jak i skompresować zdjęcia na jednej stronie, to jednak obie czynności musimy wykonać osobno, wybierając odpowiednie narzędzie w górnym menu.
Jaka powinna być kompresja i jaki rozmiar zdjęcia do internetu?
Jeśli chodzi o kompresję, to Google przestaje się czepiać przy jakości 51%, zatem taką właśnie polecam. Jeśli chodzi o rozmiar, to zależy od zastosowania, jeśli jest do slider na stronę główną, to szerokość 1920 px to jest max, ale wystarczy 1600 px. W każdym innym przypadku wystarczy 1200 px, albo mniej, jeśli zdjęcie docelowo ma być małe.
Jeśli to wszystko wydaje Ci się zbyt trudne albo czasochłonne, pozostaje jeszcze jedno rozwiązanie – telefon do Miasta Stron 🙂 Usługa obsługi strony internetowej w pełni rozwiąże ten problem.
