Generator responsywnych obrazów

Wyeksportuj ten sam obraz w kilku szerokościach i skopiuj odpowiadający im atrybut srcset w HTML.

Na Twoim urządzeniu · Bez konta

Generator responsywnych obrazów przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

Wybierz obraz

Szerokości oddzielone przecinkami

Wariant do pobrania

Podgląd obrazu

Preparing preview…

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Jak utworzyć responsywny obraz

Wpisz listę szerokości, a następnie wybierz każdą z nich do eksportu. Wysokość jest obliczana zgodnie z proporcjami oryginału. Proponowany srcset używa tych samych numerowanych nazw plików i deskryptorów szerokości; przed publikacją zastąp opis obrazu własnym.

Dalej: Pobieranie koloru ze zdjęcia

Przykład

Przykładowy obraz 640 × 360 ma wymiary 320 × 180 przy pierwszej domyślnej szerokości. Wariant o szerokości 640 pikseli zachowuje wymiary 640 × 360.

Zanim użyjesz wyniku

Pliki PNG, JPEG i WebP są dekodowane przez przeglądarkę. W plikach animowanych używana jest pierwsza klatka. Profile kolorów mogą wpływać na wyświetlane barwy; eksport obejmuje wyrenderowane piksele, bez oryginalnych metadanych.

Dalej: Zmiana rozmiaru zdjęcia

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Generator responsywnych obrazów.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/generator-responsywnych-obrazów.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.