Urozmaicaj treści na swojej stronie internetowej, najlepiej do tego nadają się atrakcyjne zdjęcia. Pamiętaj, aby dostosować je, aby Twoja strona była szybka i dobrze wypozycjonowana. Poniżej dowiesz się, jak odpowiednio przygotować zdjęcia na potrzeby WWW.
Gdzie znaleźć zdjęcia?
Skąd brać fotografie, jeśli nie masz bazy samodzielnie wykonanych zdjęć? To całkiem proste! Poniżej zamieszczam linki do moich ulubionych darmowych i płatnych portali stockowych – czyli baz fotografii, które możesz pobrać i wykorzystać do użytku komercyjnego.
Sprawdzone źródła!!!
Nie wykorzystuj zdjęć z nieznanego źródła ani zdjęć z Google Grafika. Nie złamiesz wtedy prawa autorskiego i nie narazisz się na problemy z tego powodu, które mogłyby rzutować na opinię Twojej strony i biznesu.
Dlaczego trzeba dostosować zdjęcia na potrzeby WWW?
Wyświetlanie
Użycie niektórych znaków w nazwie zdjęcia może powodować błędy w ich wyświetlaniu na niektórych urządzeniach lub przeglądarkach. Warto tego uniknąć!
Czas ładowania
Warto wziąć pod uwagę, że wiele osób, jeśli dana strona wczytuje się dłużej niż 3 sekundy, wychodzi z niej, zamiast poczekać dłużej. Niestety, ale to właśnie zdjęcia są najczęstszym powodem, że strona jest przeładowana i wolno się ładuje.
SEO
W tej chwili wielkość zdjęć ma także wpływ na SEO strony i na jej pozycje w wyszukiwarce Google. W narzędziu dostarczonym od Google
PageSpeed Insights możesz sprawdzić, czy zdjęcia na Twojej stronie nie są za duże. Dodatkowo znajdziesz w nim także inne informacje, które mają wpływ na SEO strony.
Jak przygotować zdjęcia do WWW?
Masz już znalezione zdjęcia? Świetnie! Przygotuj je teraz poprawnie na potrzeby strony WWW, aby wczytywała się szybko, a źle dopasowane media nie spowalniały jej. Zapoznaj się z poniższymi dobrymi zasadami, jak przygotować zdjęcia, aby tego uniknąć.
Rozmiar
- Lepiej sprawdzają się zdjęcia poziome niż pionowe, ponieważ większość ekranów jest horyzontalna.
- Szerokość Full HD 1920px – zazwyczaj WordPress sam generuje pozostałe miniatury, jeśli jednak jest z tym problem to postaraj się dodawać mniejsze fotografie, idealne dopasowane do motywu.
"Waga"
- Nie dodawaj większych zdjęć niż 1 - 2MB – optymalnie do 300KB. Im mniej tym lepiej, znajdź kompromis pomiędzy wagą zdjęcia a jego czytelnością.
Nazwa
- Najlepiej nie dodawaj zdjęć o nazwach DSC0002.jpg – zmień ich nazwę na to, co przedstawiają.
- W nazwie pliku nie używaj polskich znaków, spacji ani znaków specjalnych.
- Najlepiej jeśli w nazwie pliku wszystkie litery będą małe + myślnik, np. piekne-zdjecie.jpg.
Rozszerzenie
- Używaj rozszerzenia .png dla logotypu oraz ikon (lepiej wyglądają).
- Używaj rozszerzenia .jpg w przypadku fotografii (nie używaj .tiff ani .png).
- Używaj rozszerzenia .gif tylko w przypadku animowanych obrazków.
- Nie używaj .bmp i .tiff - nigdy.
Jak dostosować zdjęcia do WWW?
Zdjęcia z aparatu dopasuj do powyższych wymagań w programie graficznym, np.
Gimp, Photoshop,
FastStone Image Viewer. Na co dzień używam programu Photoshop, natomiast w przypadku, gdy jest konieczność zmiany rozdzielczości i optymalizacji większej ilości zdjęć to z pomocą przychodzi mi FastStone.
A Ty skąd bierzesz swoje zdjęcia? Tworzysz je samodzielnie, czy korzystasz z gotowych baz z fotografiami?
