Według Google obrazy stanowią średnio 50-70% wagi strony. Optymalizacja obrazu to najprostszy sposób na przyspieszenie witryny i poprawę SEO bez przepisywania kodu.
Krok 1: Wybierz odpowiedni format
Różne formaty są odpowiednie dla różnych typów obrazów:
- JPEG - zdjęcia i złożone obrazy z gradientami
- PNG — obrazy z przezroczystością, zrzuty ekranu, logo
- WebP — nowoczesny format, 25-35% mniejszy niż JPEG przy tej samej jakości
- SVG — ikony i proste ilustracje wektorowe
Użyj Image Converter do konwersji między formatami.
Krok 2: Zmień rozmiar przed pobraniem
Nie przesyłaj obrazu o wymiarach 4000 x 3000 pikseli, jeśli jest on wyświetlany w bloku o wymiarach 800 pikseli. Użyj Zmiana rozmiaru obrazu:
- Prześlij oryginalny obraz
- Określ szerokość docelową w pikselach
- Wybierz „Zachowaj proporcje”
- Wynik pobierania
Krok 3: Skompresuj obraz
Image Compressor w Xuvero stosuje inteligentną kompresję, która zmniejsza rozmiar pliku o 30-70% praktycznieniezauważalna utrata jakości.
Optymalne poziomy jakości JPEG: 75–85% dla Internetu, 85–95% dla portfolio i prezentacji.
Krok 4: Dodaj favicon
Nie zapomnij o favikonie — małej ikonce w zakładce przeglądarki. Favicon Generator utworzy zestaw ikon we wszystkich wymaganych rozmiarach (16×16, 32×32, 192×192, 512×512) z jednego przesłanego obrazu.
Lista kontrolna optymalizacji obrazu
- Format odpowiada typowi obrazu
- Rozmiar nie przekracza 1920 pikseli szerokości
- ✅ Rozmiar pliku mniejszy niż 200 KB dla obrazów na blogu
- ✅ Atrybut alt jest wypełniony
- ✅ Stosowane jest leniwe ładowanie (
loading="lazy")
Wynik
Prawidłowa optymalizacja obrazów może przyspieszyć ładowanie strony 2-3 razy. Zacznij już teraz — wszystkie narzędzia do tworzenia obrazów są dostępne bezpłatnie w Xuvero.
