Masz pytania dotyczące tworzenia strony? Chętnie na nie odpowiem.
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.
Cześć,
nazywam się Joanna,
pomogę Ci zbudować Twoją stronę www.
Kliknij, zarejestruj się w webwave i odbierz 30% rabatu na hosting!
Od kilku lat tworzę strony internetowe. Założyłam ten blog po to, aby pokazać Ci, że Ty też możesz zrobić własną witrynę i wcale nie jest to takie trudne. Nikt nie zna Twojej firmy lepiej niż Ty prawda? Jeśli szukasz prostej instrukcji, od razu zacznij tutaj.
Korzystając z moich poradników stworzysz stronę internetową zupełnie od podstaw, krok po kroku.
Zastanawiasz się jak stworzyć stronę internetową krok po kroku? Dobrze trafiłeś! Dzięki mojemu blogowi stworzysz samodzielnie wspaniałą stronę internetową!