W dzisiejszym cyfrowym świecie, gdzie wizualna komunikacja dominuje, umiejętność efektywnego umieszczania zdjęć na serwerze hostingowym staje się kluczowa. Niezależnie od tego, czy prowadzisz sklep internetowy, bloga, portfolio artystyczne, czy po prostu chcesz udostępnić swoje fotografie w sieci, proces ten wymaga zrozumienia kilku podstawowych kroków i narzędzi. Wybór odpowiedniego hostingu, zrozumienie formatów plików, optymalizacja rozmiaru i jakości obrazów to elementy, które decydują o szybkości ładowania strony, doświadczeniu użytkownika oraz pozycjonowaniu w wyszukiwarkach. W tym obszernym przewodniku przeprowadzimy Cię krok po kroku przez cały proces, od przygotowania pliku graficznego po jego finalne umieszczenie na serwerze.
Zrozumienie, jak wstawić zdjęcie na hosting, to nie tylko techniczna umiejętność, ale także strategiczne podejście do prezentacji treści. Dobrze zoptymalizowane i umieszczone obrazy przyciągają uwagę, zwiększają zaangażowanie użytkowników i mogą znacząco poprawić współczynnik konwersji. W dalszej części artykułu dowiesz się, jakie są najlepsze praktyki w tym zakresie, jakich błędów unikać oraz jakie narzędzia mogą Ci w tym pomóc. Naszym celem jest dostarczenie kompleksowej wiedzy, która pozwoli Ci samodzielnie i pewnie zarządzać plikami graficznymi na swoim serwerze.
Zacznijmy od fundamentów. Każde zdjęcie, które chcesz umieścić na hostingu, musi być odpowiednio przygotowane. Dotyczy to zarówno jego rozmiaru, formatu, jak i jakości. W internecie nie ma miejsca na nieoptymalizowane pliki, które spowalniają ładowanie strony i frustrują użytkowników. Dlatego poświęcimy sporo uwagi temu, jak przygotować plik graficzny, aby był zarówno atrakcyjny wizualnie, jak i wydajny. Pamiętaj, że pierwsze wrażenie jest kluczowe, a zdjęcia często są pierwszym elementem, na który zwracają uwagę odwiedzający Twoją stronę.
Rozumienie procesu umieszczania zdjęć na serwerze
Proces umieszczania zdjęcia na hostingu można porównać do wysyłania paczki do magazynu, który następnie udostępnia jej zawartość światu. Serwer hostingowy to właśnie taki cyfrowy magazyn, przechowujący wszystkie pliki Twojej strony internetowej – od kodu HTML, przez arkusze stylów CSS, skrypty JavaScript, aż po właśnie pliki graficzne. Kiedy użytkownik wpisuje adres Twojej strony w przeglądarce, serwer wysyła mu te pliki, które następnie przeglądarka renderuje, tworząc widoczną dla oka stronę internetową. Wstawienie zdjęcia na hosting oznacza zatem przesłanie pliku graficznego na ten serwer i upewnienie się, że jest on dostępny dla przeglądarek internetowych.
Kluczowe jest zrozumienie, że serwer hostingowy nie działa samodzielnie. Jest on zarządzany przez dostawcę hostingu i dostępne są dla Ciebie narzędzia, które umożliwiają interakcję z nim. Najczęściej będzie to panel administracyjny hostingu, dostępny przez przeglądarkę, lub bardziej zaawansowane metody, takie jak protokół FTP (File Transfer Protocol) czy SFTP (Secure File Transfer Protocol). Wybór metody zależy od Twoich preferencji, poziomu zaawansowania technicznego oraz możliwości, jakie oferuje Twój hostingodawca. Niezależnie od wybranej ścieżki, cel jest ten sam – bezpieczne i efektywne przesłanie pliku graficznego na serwer.
Gdy już zdecydujesz się na metodę przesyłania, musisz wiedzieć, gdzie na serwerze plik powinien trafić. Każda strona internetowa ma swoją strukturę katalogów. Zazwyczaj istnieje dedykowany folder na pliki graficzne, często nazywany „images”, „img” lub podobnie. Umieszczenie zdjęcia w odpowiednim katalogu jest kluczowe dla jego poprawnego wyświetlania na stronie. W dalszej części artykułu szczegółowo omówimy, jak te struktury wyglądają i jak z nich korzystać, aby nie popełnić błędów.
Przygotowanie zdjęć do publikacji w internecie
Zanim w ogóle pomyślisz o przesyłaniu pliku na serwer, kluczowe jest jego odpowiednie przygotowanie. To etap, który często jest pomijany, a ma ogromny wpływ na wydajność strony i doświadczenie użytkownika. Pierwszym krokiem jest wybór odpowiedniego formatu pliku graficznego. Dla zdjęć najczęściej stosuje się formaty JPEG (JPG) i PNG. JPEG jest idealny do fotografii i obrazów z dużą liczbą kolorów, ponieważ oferuje dobrą jakość przy relatywnie niewielkim rozmiarze pliku, choć jest stratny (kompresja powoduje niewielką utratę jakości). PNG z kolei jest formatem bezstratnym, co oznacza, że zachowuje pełną jakość obrazu, ale pliki mogą być większe. Jest on doskonały do grafik z przezroczystością lub prostych grafik z wyraźnymi krawędziami.
Kolejnym niezwykle ważnym aspektem jest optymalizacja rozmiaru pliku. Duże pliki graficzne znacząco spowalniają ładowanie strony, co jest nie tylko irytujące dla użytkowników, ale także negatywnie wpływa na pozycjonowanie w Google. Zazwyczaj nie potrzebujesz zdjęcia w rozdzielczości 5000×3000 pikseli, aby wyświetlić je jako małą miniaturkę. Zmniejsz rozmiar zdjęcia do wymiarów, w jakich będzie ono faktycznie wyświetlane na stronie. Możesz to zrobić za pomocą programów graficznych, takich jak Adobe Photoshop, GIMP (darmowy) lub za pomocą narzędzi online.
Nie zapomnij również o kompresji obrazu. Nawet po zmniejszeniu wymiarów, plik może być wciąż zbyt duży. Narzędzia do kompresji obrazów, zarówno te stacjonarne, jak i online (np. TinyPNG, Compressor.io), potrafią znacząco zmniejszyć rozmiar pliku bez widocznej utraty jakości. Dobrą praktyką jest również nadanie plikowi sensownej nazwy, która opisuje jego zawartość, na przykład „czerwone-jablko-na-stole.jpg” zamiast „IMG_1234.jpg”. Nazwy plików są indeksowane przez wyszukiwarki i mogą wpływać na SEO. Pamiętaj też o atrybucie ALT, który opisuje zdjęcie dla wyszukiwarek i osób niedowidzących – to kolejna ważna kwestia dla SEO.
Metody przesyłania zdjęć na serwer hostingowy
Istnieje kilka popularnych metod przesyłania zdjęć na serwer hostingowy, a wybór najodpowiedniejszej zależy od Twojego poziomu zaawansowania technicznego i preferencji. Pierwszą i najbardziej powszechną metodą jest wykorzystanie menedżera plików dostępnego w panelu administracyjnym Twojego dostawcy hostingu. Po zalogowaniu się do panelu (np. cPanel, Plesk), zazwyczaj znajdziesz opcję „Menedżer plików” lub „File Manager”. Pozwala on na przeglądanie struktury katalogów Twojego serwera, tworzenie nowych folderów, usuwanie plików oraz ich przesyłanie. Jest to metoda intuicyjna i nie wymaga instalacji dodatkowego oprogramowania, co czyni ją idealną dla początkujących.
Drugą, nieco bardziej zaawansowaną metodą, jest wykorzystanie protokołu FTP lub SFTP. FTP (File Transfer Protocol) to standardowy protokół służący do przesyłania plików między komputerem a serwerem. SFTP (Secure File Transfer Protocol) jest jego bezpieczniejszą, szyfrowaną wersją. Aby skorzystać z tej metody, potrzebujesz klienta FTP, czyli programu zainstalowanego na Twoim komputerze. Popularne i darmowe klienty to FileZilla, Cyberduck czy WinSCP. Po skonfigurowaniu połączenia (podając adres serwera, nazwę użytkownika i hasło FTP, które otrzymasz od swojego hostingodawcy), będziesz mógł przeglądać pliki na serwerze i przesyłać je metodą „przeciągnij i upuść”. Metoda ta daje większą kontrolę nad procesem przesyłania i jest często preferowana przez bardziej doświadczonych użytkowników.
Trzecią metodą, stosowaną głównie w kontekście systemów zarządzania treścią (CMS) takich jak WordPress, Joomla czy Drupal, jest bezpośrednie przesyłanie plików przez interfejs administratora. Po zalogowaniu się do panelu administracyjnego CMS, zazwyczaj istnieje sekcja „Media” lub „Biblioteka mediów”, gdzie możesz łatwo dodawać nowe zdjęcia, filmy i inne pliki. System sam zajmuje się przesyłaniem plików na serwer i umieszczeniem ich w odpowiednim miejscu. Jest to najbardziej przyjazna dla użytkownika metoda, ale działa tylko wtedy, gdy korzystasz z dedykowanego systemu CMS. Bez względu na wybraną metodę, pamiętaj o przesyłaniu plików do właściwego katalogu na serwerze, zazwyczaj przeznaczonego dla obrazów.
Krok po kroku jak wstawić zdjęcie na hosting przez menedżer plików
Rozpocznij od zalogowania się do panelu administracyjnego swojego konta hostingowego. Każdy dostawca hostingu oferuje własny panel, ale najczęściej spotykane to cPanel, Plesk lub dedykowane panele producenta. Po pomyślnym zalogowaniu, poszukaj sekcji o nazwie „Menedżer plików” lub „File Manager”. Jest to narzędzie, które pozwoli Ci zarządzać plikami na Twoim serwerze tak, jakbyś zarządzał plikami na swoim komputerze.
Po wejściu do menedżera plików zobaczysz strukturę katalogów Twojego hostingu. Zazwyczaj znajduje się tam folder public_html, który jest głównym katalogiem Twojej strony internetowej. Wszystkie pliki, które mają być widoczne w internecie, powinny znajdować się w tym folderze lub w podfolderach. Wewnątrz public_html poszukaj katalogu przeznaczonego na pliki graficzne. Często nazywa się on „images”, „img”, „assets” lub podobnie. Jeśli taki folder nie istnieje, możesz go utworzyć, klikając prawym przyciskiem myszy i wybierając opcję „Utwórz nowy folder” lub podobną.
Gdy znajdziesz się w docelowym folderze, kliknij przycisk „Prześlij” lub „Upload”. Zostaniesz poproszony o wybranie pliku graficznego z Twojego komputera. Po wybraniu pliku, rozpocznie się proces jego przesyłania na serwer. Czas przesyłania zależy od rozmiaru pliku i szybkości Twojego połączenia internetowego. Po zakończeniu przesyłania, zobaczysz nazwę pliku na liście w menedżerze plików. Teraz zdjęcie jest już na hostingu i gotowe do użycia na Twojej stronie internetowej.
Aby upewnić się, że wszystko działa poprawnie, możesz spróbować uzyskać bezpośredni adres URL do przesłanego zdjęcia. Zazwyczaj wygląda on następująco: `http://twojadomena.pl/nazwa_folderu_z_obrazami/nazwa_pliku_zdjecia.jpg`. Skopiuj ten adres i wklej go w pasku adresu przeglądarki. Jeśli zdjęcie się wyświetli, oznacza to, że zostało poprawnie umieszczone na hostingu. Teraz możesz używać tego adresu URL do osadzania zdjęcia na swojej stronie internetowej, na przykład w kodzie HTML za pomocą znacznika ``.
Wykorzystanie protokołu FTP do przesyłania plików graficznych
Protokół FTP (File Transfer Protocol) jest niezawodnym i wszechstronnym narzędziem do zarządzania plikami na serwerze hostingowym, w tym do przesyłania zdjęć. Aby go użyć, potrzebujesz klienta FTP – darmowego oprogramowania, które instalujesz na swoim komputerze. Jednym z najpopularniejszych jest FileZilla. Po pobraniu i zainstalowaniu FileZilla, musisz skonfigurować połączenie z Twoim serwerem hostingowym. Informacje potrzebne do połączenia (adres serwera, nazwa użytkownika FTP i hasło) znajdziesz w panelu administracyjnym swojego hostingu lub w wiadomości powitalnej od dostawcy.
Po pomyślnym zalogowaniu się do serwera za pomocą klienta FTP, po lewej stronie okna programu zobaczysz pliki i foldery na swoim komputerze, a po prawej – strukturę katalogów Twojego serwera hostingowego. Podobnie jak w przypadku menedżera plików, musisz zlokalizować główny katalog Twojej strony (zazwyczaj „public_html”) i następnie folder przeznaczony na obrazy (np. „images”). Kiedy już będziesz w odpowiednim miejscu na serwerze, możesz po prostu przeciągnąć plik graficzny z panelu lokalnego (po lewej) do panelu zdalnego (po prawej). Plik zostanie automatycznie przesłany na serwer.
Klienty FTP, takie jak FileZilla, oferują również dodatkowe funkcje, które mogą być przydatne. Możesz tworzyć nowe katalogi bezpośrednio z poziomu programu, zmieniać uprawnienia plików (choć zazwyczaj nie jest to konieczne w przypadku zdjęć), a także monitorować postęp przesyłania. Ważne jest, aby zawsze używać protokołu SFTP, jeśli jest dostępny, ponieważ zapewnia on szyfrowane połączenie, chroniąc Twoje dane logowania i przesyłane pliki przed przechwyceniem. Upewnij się, że przesyłasz pliki do właściwego katalogu, aby strona mogła je poprawnie wyświetlić.
Po przesłaniu zdjęcia za pomocą FTP, tak jak w przypadku menedżera plików, możesz sprawdzić, czy działa poprawnie, wpisując jego pełny adres URL w przeglądarce. Upewnij się, że nazwa pliku i ścieżka do niego są poprawne. Jeśli masz jakiekolwiek problemy z połączeniem FTP, skontaktuj się z działem wsparcia technicznego swojego dostawcy hostingu, aby uzyskać pomoc w konfiguracji lub rozwiązaniu problemu.
Integracja zdjęć z treścią strony internetowej
Umieszczenie zdjęcia na hostingu to dopiero połowa sukcesu. Drugą, równie ważną częścią jest jego poprawne zintegrowanie z treścią Twojej strony internetowej. Sposób, w jaki to zrobisz, zależy od technologii, na której zbudowana jest Twoja strona. Jeśli tworzysz stronę od podstaw przy użyciu języka HTML, będziesz musiał użyć znacznika ``. Jego podstawowa składnia wygląda następująco: `
`.
W polu `src` (source) podajesz ścieżkę do pliku graficznego na serwerze. Może to być ścieżka względna (np. „images/moje-zdjecie.jpg”, jeśli plik znajduje się w podfolderze „images” w tym samym katalogu co plik HTML) lub absolutny adres URL (np. „http://twojadomena.pl/images/moje-zdjecie.jpg”). Atrybut `alt` jest kluczowy dla SEO i dostępności. Powinien zawierać krótki, opisowy tekst, który wyjaśnia, co przedstawia zdjęcie. Jest on odczytywany przez wyszukiwarki i wyświetlany, gdy zdjęcie nie może się załadować, a także odczytywany przez czytniki ekranu dla osób niedowidzących.
Jeśli korzystasz z systemu zarządzania treścią (CMS) takiego jak WordPress, proces jest znacznie prostszy. Po przesłaniu zdjęcia do biblioteki mediów, możesz je wstawić do artykułu, strony lub produktu za pomocą edytora wizualnego. Edytor zazwyczaj oferuje opcje dostosowania rozmiaru zdjęcia, wyrównania go do tekstu (np. lewo, prawo, środek) oraz dodania linku, jeśli chcesz, aby kliknięcie w zdjęcie przenosiło użytkownika w inne miejsce. CMS zazwyczaj automatycznie generuje poprawny kod HTML i dba o ścieżki do plików.
Niezależnie od metody, pamiętaj o responsywności zdjęć. Oznacza to, że obrazy powinny automatycznie dopasowywać swój rozmiar do szerokości ekranu urządzenia, na którym jest wyświetlana strona. Dzięki temu zdjęcia wyglądają dobrze zarówno na komputerach stacjonarnych, jak i na smartfonach. W nowoczesnym tworzeniu stron internetowych często stosuje się techniki CSS, takie jak `max-width: 100%; height: auto;`, aby zapewnić responsywność zdjęć.
Optymalizacja zdjęć dla lepszej wydajności strony
Dobra optymalizacja zdjęć jest kluczowa dla szybkiego ładowania strony internetowej, co bezpośrednio przekłada się na doświadczenie użytkownika i pozycjonowanie w wyszukiwarkach. Nawet jeśli Twoje zdjęcie jest już na hostingu, ale jest zbyt duże, może znacząco spowolnić ładowanie całej strony. Dlatego proces optymalizacji powinien być integralną częścią przygotowania plików graficznych, zanim jeszcze zostaną przesłane na serwer.
Kluczowe aspekty optymalizacji to: zmniejszenie rozdzielczości, kompresja plików i wybór odpowiedniego formatu. Jeśli chodzi o rozdzielczość, zastanów się, w jakiej wielkości zdjęcie będzie faktycznie wyświetlane na stronie. Nie ma sensu przesyłać na serwer zdjęcia o wymiarach 4000×3000 pikseli, jeśli na stronie będzie ono widoczne jako mała ikonka o wymiarach 150×100 pikseli. Zmniejsz wymiary zdjęcia do maksymalnej szerokości, w jakiej będzie ono używane, za pomocą programu graficznego. Pamiętaj, że w razie potrzeby można zawsze użyć mniejszego zdjęcia do wyświetlenia większego, ale nie odwrotnie bez utraty jakości.
Kolejnym krokiem jest kompresja. Nawet po zmniejszeniu rozmiaru, plik może nadal być relatywnie duży. Istnieje wiele narzędzi, które potrafią znacząco zmniejszyć rozmiar pliku graficznego przy minimalnej lub zerowej utracie jakości. Warto wypróbować narzędzia online, takie jak TinyPNG, Compressor.io, Kraken.io, lub skorzystać z wtyczek do CMS, które automatyzują ten proces. Narzędzia te stosują różne algorytmy kompresji, aby usunąć zbędne dane z pliku, takie jak metadane EXIF.
Wybór formatu pliku również ma znaczenie. Dla fotografii i obrazów z dużą liczbą kolorów, format JPEG jest zazwyczaj najlepszym wyborem ze względu na dobry stosunek jakości do rozmiaru pliku. Możesz kontrolować stopień kompresji JPEG, balansując między jakością a wielkością pliku. Dla grafik z przezroczystością lub prostych ikon i logo, format PNG jest często preferowany. Nowoczesnym rozwiązaniem są formaty takie jak WebP, które oferują doskonałą jakość przy znacznie mniejszych rozmiarach plików, choć ich kompatybilność z niektórymi starszymi przeglądarkami może być ograniczona. Zawsze warto rozważyć formaty graficzne nowej generacji, jeśli chcesz uzyskać maksymalną optymalizację.
Nie zapomnij również o leniwym ładowaniu (lazy loading). Jest to technika, która polega na tym, że obrazy spoza widocznego obszaru ekranu użytkownika nie są ładowane od razu, ale dopiero w momencie, gdy użytkownik przewinie stronę i znajdą się one w zasięgu jego wzroku. Wiele nowoczesnych platform i wtyczek CMS oferuje tę funkcję automatycznie lub jako opcję do włączenia. Leniwe ładowanie znacząco przyspiesza początkowe ładowanie strony, zwłaszcza na stronach z dużą liczbą obrazów.
Zabezpieczanie zdjęć przed nieautoryzowanym użyciem
Ochrona zdjęć przed nieautoryzowanym pobraniem i wykorzystaniem jest ważnym aspektem dla wielu twórców i firm. Chociaż pełne zabezpieczenie zdjęć w internecie jest trudne, można zastosować kilka metod, aby utrudnić ich kradzież i zniechęcić potencjalnych naruszycieli praw autorskich. Jedną z najprostszych metod jest dodanie znaku wodnego (watermark). Znak wodny to nakładka graficzna lub tekstowa na obrazie, która identyfikuje jego właściciela i utrudnia jego usunięcie bez widocznych śladów.
Możesz tworzyć znaki wodne za pomocą programów graficznych, takich jak Photoshop, lub korzystać z narzędzi online, które automatyzują ten proces. Ważne jest, aby znak wodny był widoczny, ale jednocześnie nie przeszkadzał zbytnio w odbiorze samego zdjęcia. Często umieszcza się go w rogu obrazu lub w jego centralnej części, z odpowiednią przezroczystością.
Inną metodą jest wyłączenie prawego przycisku myszy na stronie internetowej. Można to zrobić za pomocą prostego kodu JavaScript, który przechwytuje zdarzenie kliknięcia prawym przyciskiem myszy i wyświetla komunikat lub blokuje standardowe menu kontekstowe. Należy jednak pamiętać, że jest to metoda łatwa do obejścia dla bardziej zaawansowanych użytkowników i może być irytująca dla zwykłych internautów, którzy chcą na przykład skopiować link do obrazka lub otworzyć go w nowej karcie. Dlatego jest to rozwiązanie o ograniczonej skuteczności.
Bardziej techniczne podejście to ukrywanie rzeczywistych ścieżek do zdjęć i serwowanie ich za pomocą skryptów lub poprzez usługi CDN (Content Delivery Network), które mogą oferować dodatkowe funkcje zabezpieczające. Można również rozważyć umieszczanie zdjęć w folderach, do których nie ma bezpośredniego dostępu z poziomu przeglądarki, a jedynie poprzez skrypt PHP, który pobiera plik i wysyła go do przeglądarki. To jednak znacznie bardziej skomplikowane rozwiązanie i może wpływać na wydajność.
Pamiętaj, że najlepszym sposobem na ochronę praw autorskich jest ich rejestracja i egzekwowanie ich w razie naruszenia. Dodanie znaku wodnego i ograniczenie klikania prawym przyciskiem myszy to środki prewencyjne, które mogą zniechęcić do łatwego kopiowania, ale nie zapewniają stuprocentowej ochrony. Zawsze warto zapoznać się z warunkami korzystania z hostingu i rozważyć dodatkowe opcje zabezpieczeń oferowane przez dostawcę.
Najczęściej popełniane błędy przy wstawianiu zdjęć
Podczas procesu wstawiania zdjęć na hosting i ich publikowania na stronie internetowej, początkujący użytkownicy często popełniają szereg błędów, które negatywnie wpływają na wygląd i wydajność strony. Jednym z najczęstszych błędów jest przesyłanie zdjęć w oryginalnym, niezmodyfikowanym rozmiarze i rozdzielczości. Aparaty cyfrowe i smartfony zapisują zdjęcia w bardzo wysokich rozdzielczościach, które są zdecydowanie za duże do wyświetlenia na stronie internetowej. Powoduje to ogromne pliki, które znacząco spowalniają ładowanie strony, a często nawet przekraczają limit rozmiaru pliku, jaki można przesłać na serwer.
Kolejnym powszechnym błędem jest ignorowanie optymalizacji i kompresji plików. Nawet po zmniejszeniu wymiarów, plik graficzny może być nadal zbyt duży, jeśli nie zostanie poddany odpowiedniej kompresji. Używanie narzędzi do kompresji obrazów jest kluczowe dla zmniejszenia rozmiaru pliku bez widocznej utraty jakości. Brak kompresji prowadzi do spowolnienia ładowania strony i zwiększa zużycie transferu danych, co może być kosztowne, jeśli Twój hosting ma limity.
Trzecim częstym błędem jest używanie niepoprawnych lub zbyt ogólnych nazw plików. Nazwy takie jak „zdjecie1.jpg”, „obrazek_nowy.png” czy „IMG_5432.jpg” nic nie mówią wyszukiwarkom ani użytkownikom. Powinno się stosować opisowe nazwy plików, które zawierają słowa kluczowe związane z zawartością zdjęcia, np. „niebieski-samochod-sportowy-na-torze.jpg”. Jest to prosty, ale skuteczny sposób na poprawę SEO strony.
Kolejnym problemem jest brak lub nieprawidłowe użycie atrybutu ALT. Atrybut `alt` jest kluczowy dla dostępności strony (czytniki ekranu dla osób niewidomych) oraz dla SEO (wyszukiwarki używają go do zrozumienia zawartości obrazu). Brak tego atrybutu lub wpisanie do niego przypadkowych słów to zmarnowana okazja do poprawy widoczności i dostępności strony. Należy pamiętać, że atrybut `alt` powinien krótko i rzeczowo opisywać zawartość zdjęcia.
Wreszcie, wielu użytkowników zapomina o responsywności zdjęć. Obrazy, które wyglądają dobrze na dużym monitorze, mogą być przycięte lub zbyt małe na ekranie smartfona. Należy upewnić się, że zdjęcia są responsywne i automatycznie dopasowują się do rozmiaru ekranu, na którym są wyświetlane, stosując odpowiednie style CSS.
