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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/1200/CleanShot202022-07-2820at2013.59.45-1024x246.jpeg)
- Następnie przeciągnij element Obraz w wybrane miejsce na stronie. Edytor podświetli miejsce, w którym możesz go umieścić.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/1205/CleanShot202022-07-2820at2014.05.04-1024x353.jpeg)
- 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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/1213/CleanShot202022-07-2820at2014.08.44-1024x321.jpeg)
- W okienku Dodaj pliki kliknij wybierz plik z komputera lub przeciągnij plik ze swojego urządzenia. Następnie kliknij przycisk Dodaj.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/1214/CleanShot202022-07-2820at2014.09.45-1024x701.jpeg)
- Plik zostanie dodany do biblioteki Pliki i obrazy. Kliknij przycisk Użyj, żeby dodać go na stronę.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/1222/CleanShot202022-07-2820at2014.20.52-1024x512.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0546/CleanShot202022-07-2920at2007.35.10-1024x333.jpeg)
- Odnajdź plik, który chcesz użyć. Pasek wyszukiwania umożliwia filtrowanie obrazów według słów kluczowych.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0549/CleanShot202022-07-2920at2007.49.07-1024x329.jpeg)
- Kliknij przycisk Użyj, aby dodać obraz na stronę.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0553/CleanShot202022-07-2920at2007.52.49-1024x482.jpeg)
- 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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0555/CleanShot202022-07-2920at2007.54.28-1024x518.jpeg)
- 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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0648/CleanShot202022-07-2920at2008.46.56-1024x557.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0652/CleanShot202022-07-2920at2008.51.14-1024x310.jpeg)
Aby edytować zdjęcie, kliknij przycisk Edytuj.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0654/CleanShot202022-07-2920at2008.53.44-1024x275.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0931/CleanShot202022-07-2920at2011.30.18-1024x488.jpeg)
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
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0703/CleanShot202022-07-2920at2009.03.06-1024x276.jpeg)
- 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
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0710/CleanShot202022-07-2920at2009.09.12-1024x382.jpeg)
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
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0724/CleanShot202022-07-2920at2009.22.29-1024x435.jpeg)
- 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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0752/CleanShot202022-07-2920at2009.42.18-1024x487.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0758/CleanShot202022-07-2920at2009.53.57-1024x518.jpeg)
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0800/CleanShot202022-07-2920at2009.59.44-1024x575.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0803/CleanShot202022-07-2920at2010.02.39-1024x499.jpeg)
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.
![](https://us-wd.gr-cdn.com/help/sites/9/2022/07/0804/CleanShot202022-07-2920at2010.04.17-1024x356.jpeg)