Jak dodawać i konfigurować obrazy na stronie?
Możesz dodawać własne obrazy lub wybierać z tysięcy darmowych grafik, które oferujemy, aby przyciągnąć uwagę odwiedzających Twoją stronę.
Jak umieścić obraz na stronie?
- W edytorze Kreatora stron kliknij przycisk Dodaj element.

- Następnie przeciągnij element Obraz w wybrane miejsce na stronie. Edytor podświetli miejsce, w którym możesz go umieścić.

- Wybierz jeden z dostępnych plików lub dodaj własne zdjęcie.
Jak dodać nowy obraz?
- Kliknij przycisk Dodaj pliki. Wszystkie dodane pliki będą dostępne w zakładce Moje pliki.

- W okienku Dodaj pliki kliknij wybierz plik z komputera lub przeciągnij plik ze swojego urządzenia. Następnie kliknij przycisk Dodaj.

- Plik zostanie dodany do biblioteki Pliki i obrazy. Kliknij przycisk Użyj, żeby dodać go na stronę.

Jak użyć obrazu z biblioteki Plików i obrazów?
Pliki w bibliotece Plików i obrazów podzielone są na cztery kategorie:
- Moje pliki
Wybierz własny obraz, który przechowywany jest w zakładce Narzędzia > Pliki i obrazy. - Moje strony
Wybierz jeden z obrazów użytych już w edytorze Kreatora stron. - Unsplash
Wybierz z tysięcy niesamowitych, bezpłatnych zdjęć dostarczonych przez Unsplash. - Giphy
Dodaj animowany GIF dostarczony przez Giphy.

- Odnajdź plik, który chcesz użyć. Pasek wyszukiwania umożliwia filtrowanie obrazów według słów kluczowych.

- Kliknij przycisk Użyj, aby dodać obraz na stronę.

- Jeśli chcesz odnaleźć więcej zdjęć jednego autora, kliknij jego nazwę podlinkowaną pod przyciskiem Użyj. W nowej karcie otworzy się profil fotografa na Unsplash.

- Dostosuj rozmiar obrazu używając małych kółek umieszczonych w rogach i po bokach zdjęcia. Obraz zostanie automatycznie wyrównany do środka.

Jak można zastąpić lub edytować obraz?
Możesz zastąpić lub edytować obraz przy użyciu edytora zdjęć.
Kliknij element, aby otworzyć jego szczegóły po prawej stronie.
Aby zastąpić zdjęcie, kliknij przycisk Zastąp i wybierz inny obraz.

Aby edytować zdjęcie, kliknij przycisk Edytuj.

W edytorze możesz kadrować, zmieniać wielkość, dostosować i transformować obraz. Możesz również dodać filtry, nakładki, ramki, naklejki oraz tekst.
Gdy skończysz edycję, kliknij przycisk Zapisz, aby zapisać nową wersję obrazu.

Jak można konfigurować ustawienia obrazu?
Możesz skonfigurować każdy obraz na stronie. Kliknij obraz, który chcesz edytować, aby otworzyć jego szczegóły po prawej stronie.
Źródło

- Dodaj plik z adresu URL
Możesz zastąpić obraz zdjęciem z adresu URL.
Szczegółowe informacje o tym, jak umieścić na stronie obraz z adresu URL, uzyskasz w tym artykule. - Tekst alternatywny
Dodaj tekst opisujący zdjęcie, który pojawi się w miejscu obrazu, w wypadku, gdy nie załaduje się on na stronie. Ten tekst jest czytany na głos przez czytniki ekranu.
Hiperłącze

Do czego ma linkować Twoja grafika?
Upewnij się, że wybierasz właściwy rodzaj linku. Masz do wyboru następujące typy:
Zewnętrzna strona internetowa – użyj tej opcji, aby przekierować na inny adres URL.
Landing page – wybierz landing page z konta GetResponse, który chcesz otworzyć po kliknięciu obrazu.
Adres email – wstaw adres email, na który będzie można wysłać wiadomość po kliknięciu zdjęcia.
Numer telefonu – dodaj numer telefonu, który zostanie wywołany po kliknięciu obrazu.
Niestandardowy protokół – użyj tej opcji, aby umieścić protokół.
Kotwica — wybierz podstronę oraz sekcję na niej znajdującą, do której będzie prowadził link.
Dokument – dodaj plik, który otworzy się po kliknięciu zdjęcia.
Strona – z rozwijalnej listy wybierz inną stronę, którą stworzyłeś w swoim koncie przy pomocy Kreatora stron.
Aktualna strona – dodaj link do jednej z podstron.
Jak ma się otwierać link?
Zdecyduj, czy chcesz, żeby link otwierał się na tej samej stronie lub nowej zakładce.
Ustawienia okna obrazu

- Szerokość i Wysokość
Sknfiguruj rozmiar obrazu w pikselach. Proporcje obrazu można zachować, gdy włączona jest ikona blokady (niebieska).
Obraz można zawsze przywrócić do oryginalnego rozmiaru, klikając opcję Przywróć oryginalny rozmiar. - Skaluj do pełnej szerokości ekranu na urządzeniu mobilnym
Jeśli uruchomisz tę opcję, obraz będzie pełnowymiarowy na ekranach mobilnych. - Przezroczystość
Dostosuj nieprzezroczystość obrazu za pomocą suwaka. 100% to całkowicie nieprzezroczysty obraz, a 0% to obraz całkowicie przezroczysty. - Wyrównanie
Wyrównaj obraz w elemencie do lewej, prawej strony lub do środka. - Zaawansowane
Aby jeszcze bardziej dostosować właściwości obrazu, użyj ustawień zaawansowanych.
Możesz dostosować obramowanie, zaokrąglenie oraz cienie.

Ustawienia bloku
Element graficzny to obramowane pole robocze wokół tekstu z etykietą Obraz w górnym lewym rogu. Zobaczysz obramowanie po kliknięciu elementu, nie będzie ono widoczne na stronie.
Możesz skonfigurować jego kolor, marginesy, obramowanie, zaokrąglenie oraz cienie.


Pozycjonowanie bezwzględne
Uruchom tę opcję, aby przesunąć element tekstowy w jakiekolwiek miejsce na stronie.
Uwaga: polecamy tę opcję tylko w przypadku, gdy używasz nietypowego projektu, którego nie można stworzyć w inny sposób. Używanie elementów z bezwzględnym pozycjonowaniem może sprawić, że strona będzie mniej responsywna na urządzeniach mobilnych.

Ukryj na urządzeniach mobilnych
Użyj tej opcji, aby ukryć element graficzny, gdy strona zostanie otwarta na urządzeniu mobilnym. Sprawi to, że strona będzie się szybciej ładować na ekranie urządzenia mobilnego.
