Jeśli spodobał Ci się ten artykuł lub masz jakieś pytania, napisz komentarz.

Dlaczego warto zoptymalizować zdjęcia przed wrzuceniem na stronę internetową?

 

1. Zoptymalizowane grafiki znacznie skrócą czas ładowania Twojej strony www.

2. Optymalizacja zdjęć ma istotny wpływ na pozycje Twojej strony w wynikach wyszukiwania.

3. Poprawnie opisane zdjęcia pomogą odnaleźć Twoją stronę internetową w google grafika.

 

Zobacz wideoporadnik krok po kroku lub sprawdź opis pod nim.

 

 

Jak zoptymalizować zdjęcia na stronę internetową krok po kroku?

 

1.  Rozmiar (np. 300x300 px)

Zacznij od sprawdzenia jakiej wielkości obrazy będą Ci potrzebne. Dostosuj rozmiar zdjęć do wielkości elementów na stronie. Pojedyncze zdjęcia możesz zmniejszyć, poprawić lub wykadrować za pomocą niewielkiego programu PhotoScape.  Do masowego zmniejszania zdjęć wypróbuj szybką aplikację online Yola.pl. Możesz także użyć programów typu Irfan View.  

Do przygotowania baneru ze zdjęciem i napisami w konkretnym rozmiarze, świetnie sprawdzi się Canva. 

 

2. Waga (kb, mb)

Jeśli zdjęcia mają już odpowiednią wielkość, czas nadać im lekkości, bo im więcej waży zdjęcie tym dłużej się ładuje. Tu przychodzi z pomocą strona tinypng.com, wystarczy wrzucić zdjęcia i pobrać zoptymalizowaną wersję. Tiny png pozwala "odchudzić" zdjęcie nawet o 50% bez widocznej utraty jakości.

 

3. Nazwa

Koniecznie opisz każde zdjęcie z osobna! W opisie warto użyć słów kluczowych, ale z rozsądkiem. Najważniejsze, aby opis był krótki sensowny i odnosił się do tego co jest na zdjęciu.

 

4. Tytuł oraz Tekst Alt w webwave

W kreatorze webwave możemy ustawić atrybuty obrazów, ale co to takiego? Tekst Alt to po prostu tekst alternatywny, który czyta wyszukiwarka. Wypełniony atrybut alt sprawia, że robot wie co jest na zdjęciu i potrafi je przypisać do wyników wyszukiwania. Dodatkowo tekst alternatywny jest widoczny dla użytkowników jeśli z jakiegoś powodu zdjęcie nie może być wyświetlone (np. długo się ładuje). Kolejnym atrybutem jest tytuł obrazu, jest to tekst pomocniczy, który jest widoczny dla użytkownika po najechaniu na obraz.

 

Jaki rozmiar wybrać:

- dla obrazów w tle 1920 x 1080 (full hd - zdjęcia na pełną szerokość strony)

- dla zdjęć "nagłówków" szerokość 1200 px (tyle mają marginesy strony w standardowym ustawieniu webwave, wysokość ustawiamy według potrzeb) 

- dla zdjęć w galerii 800 x 600

- dla artykułów, dodatków, banerów 300 x 300

 

Są to proponowane wymiary bywa, że strona wymaga indywidualnego podejścia.

Przykład: inaczej widoczne będą zdjęcia na monitorach o małej rozdzielczości, a zupełnie inaczej zobaczymy je na wyświetlaczu z Retiną lub telewizorze z 4K, wówczas może się okazać, że rozdzielczość 1920 x 1080 dla zdjęcia w tle jest niewystarczająca.

 

 

Jak przygotować zdjęcia na stronę internetową?

03 września 2017
storytelling strona z filmem

KLIKNIJ I SKORZYSTAJ Z PROMOCJI

Cześć, jestem Joanna,

pomogę Ci zbudować Twoją stronę i sklep. 

Kliknij, zarejestruj się w webwave

i odbierz 30% rabatu na hosting!

Od kilku lat two­rzę strony inter­ne­towe. Zało­ży­łam ten blog po to, aby poka­zać Ci, że Ty też możesz zro­bić wła­sną witrynę i wcale nie jest to takie trudne.

Nikt nie zna Two­jej firmy lepiej niż Ty prawda? Jeśli szu­kasz prostej instruk­cji, od razu zacznij tutaj. Możesz też przej­rzeć moje posty  i spraw­dzić co jesz­cze Cię inte­re­suje.

Korzystając z moich poradników zbudujesz niesamowitą stronę internetową

zupełnie od postaw, krok po kroku.

Jak stworzyć  stronę internetową?

ZACZNIJ TERAZ

Joanna

Lewandowska