Masz pytaniadotyczące tworzenia strony?    Napisz mi w komentarzu.

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 internetowej 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 www. 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 ładuje się twoja strona internetowa. 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 stron www 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 strony internetowej po najechaniu na obraz.

 

Jaki rozmiar wybrać:

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

- dla zdjęć "nagłówków" szerokość 1200 px (tyle mają marginesy strony www 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 internetowa 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

CHCĘ OTRZYMAĆ RABAT 30%

Cześć, jestem Joanna,

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

Kliknij, zarejestruj się w webwave

i odbierz 30% rabatu na hosting!

jak stworzyć stronę www

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.

Zastanawiasz się jak stworzyć stronę internetową krok po kroku? Dobrze trafiłeś! Dzięki mojemu blogowi stworzysz samodzielnie wspaniałą stronę internetową!

jak stworzyć stronę krok po kroku

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

zupełnie od postaw, krok po kroku.

Jak stworzyć  stronę internetową?

jak stworzyć stronę internetową

ZACZNIJ TERAZ

Joanna

Lewandowska