Zmiana obrazów

Zmiana obrazow

Obrazy sa kluczowym elementem kazdej strony internetowej. Dzieki narzedziu edycji mozesz latwo zamienic obrazy bez dotykania kodu - wystarczy kliknac, przeslac i gotowe.

Zaznaczanie obrazu

1. Wlacz tryb edycji
2. Najedz na obraz, ktory chcesz zmienic
3. Kliknij, aby go zaznaczyc
4. Zakladka Zdjecie otwiera sie w panelu edycji

Przesylanie nowego obrazu

Krok 1: Kliknij Przeslij

W zakladce Zdjecie kliknij przycisk Przeslij lub Zmien zdjecie.

Krok 2: Wybierz plik

Wybierz obraz ze swojego urzadzenia. Obslugiwane formaty:

• JPG/JPEG - Najlepszy dla fotografii
• PNG - Najlepszy dla grafik, logo, zrzutow ekranu
• GIF - Dla animowanych obrazow
• WebP - Nowoczesny format z dobra kompresja
• SVG - Dla grafik wektorowych (ikony, logo)

Krok 3: Potwierdzenie

Nowy obraz automatycznie zastepuje stary.

Wymagania dotyczace obrazow

Zalecane rozmiary

| Typ obrazu | Zalecany rozmiar | | ------------------ | ----------------- | | Hero/Baner | 1920 x 1080 px | | Zdjecia produktow | 800 x 800 px | | Zdjecia zespolu | 400 x 400 px | | Miniatury | 300 x 300 px | | Logo | 200 x 60 px |

Limity rozmiaru plikow

• Maksymalny: 10 MB na obraz
• Zalecany: Ponizej 2 MB dla najlepszej wydajnosci
• Duze obrazy sa automatycznie optymalizowane

Wskazowki dotyczace jakosci

• Uzywaj obrazow w wysokiej rozdzielczosci dla najlepszych rezultatow
• Unikaj rozmazanych lub pikselowanych obrazow
• Pamietaj o uzytkownikach mobilnych (obrazy powinny wygladac dobrze w malych rozmiarach)

Typy obrazow, ktore mozesz zmieniac

Obrazy hero

Duze banery na gorze stron.

Zdjecia produktow

Zdjecia na kartach produktow, w galeriach lub na stronach szczegolow.

Zdjecia zespolu/profilowe

Zdjecia osob, czlonkow zespolu lub autorow.

Obrazy tla

Obrazy uzywane jako tlo sekcji.

Logo

Logo Twojej firmy lub logo partnerow.

Ikony

Male obrazy ilustracyjne (chociaz niektore ikony moga byc oparte na kodzie).

Optymalizacja obrazow

Promake automatycznie optymalizuje obrazy pod katem wydajnosci:

• Kompresja: Zmniejsza rozmiar pliku bez widocznej utraty jakosci
• Responsywnosc: Tworzy wiele rozmiarow dla roznych urzadzen
• Konwersja formatow: Konwertuje na wydajne formaty webowe

Najlepsze praktyki

Dopasuj styl

Wybieraj obrazy pasujace do ogolnego stylu strony:

• Podobne odcienie kolorow
• Spojny styl zdjec
• Odpowiednia tematyka

Uwzglednij proporcje

Staraj sie uzywac obrazow o podobnych proporcjach do oryginalu:

• Kwadratowe dla kwadratowych symboli zastepczych
• Szerokie dla obszarow banerowych
• Pionowe dla przestrzeni wertykalnych

Korzystaj z jakosciowych zrodel

Zdobywaj profesjonalne obrazy z:

• Wlasnej fotografii
• Bankow zdjec (Unsplash, Pexels)
• Profesjonalnych fotografow
• Bibliotek materialow marki

Optymalizuj przed przeslaniem

Dla najlepszej wydajnosci:

1. Zmniejsz rozmiar obrazow do odpowiednich wymiarow
2. Kompresuj za pomoca narzedzi takich jak TinyPNG
3. Uzyj odpowiedniego formatu pliku

Typowe scenariusze

Scenariusz 1: Aktualizacja zdjec produktow

Masz nowe zdjecia produktow?

1. Wlacz tryb edycji
2. Kliknij na zdjecie produktu
3. Przeslij nowe zdjecie
4. Powtorz dla kazdego produktu

Scenariusz 2: Zmiana banera hero

Chcesz nowy baner na stronie glownej?

1. Wlacz tryb edycji
2. Kliknij na obraz hero
3. Przeslij nowy baner (idealnie 1920px szerokosci)
4. Sprawdz, jak wyglada na telefonie

Scenariusz 3: Dodanie logo

Musisz zamienic tymczasowe logo?

1. Wlacz tryb edycji
2. Kliknij na logo
3. Przeslij swoje logo (PNG z przezroczystym tlem dziala najlepiej)

Rozwiazywanie problemow

Obraz sie nie zmienia?

• Upewnij sie, ze klikasz na sam obraz
• Sprobuj odswiezyc podglad
• Sprawdz, czy format pliku jest obslugiwany

Obraz wyglada na rozciagniety?

• Nowy obraz ma inne proporcje
• Sprobuj obrazu o podobnych proporcjach
• Popros AI o dostosowanie kontenera obrazu

Obraz za duzy?

• Skompresuj obraz przed przeslaniem
• Uzyj narzedzia do optymalizacji obrazow
• Zmniejsz wymiary do zalecanych rozmiarow

Przezroczyste tlo sie nie wyswietla?

• Upewnij sie, ze przesylasz plik PNG
• Sprawdz, czy oryginalny obraz obslugiwał przezroczystosc

Po zmianie obrazow

Po zaktualizowaniu obrazow:

1. Sprawdz podglad - Upewnij sie, ze wyglada dobrze
2. Przetestuj widok mobilny - Obrazy powinny dzialac na wszystkich urzadzeniach
3. Sprawdz jakosc - Upewnij sie, ze obrazy nie sa rozmazane
4. Opublikuj, gdy gotowe - Zaktualizuj strone na zywo