Can I screenshot any website?

You can capture any publicly reachable webpage. Pages that require a login, or private/internal addresses, cannot be rendered for security reasons.

What formats can I export?

Export a PNG or JPG screenshot, or a print-ready PDF of the page. Set the viewport width to control how the layout renders.

Can I render my own HTML code?

Yes. Switch to the HTML Code tab and paste any HTML, including inline CSS, to render it exactly as a browser would.

What viewport width should I use?

The width setting controls the browser window used for rendering. Use 1280px for a typical desktop layout, 1920px for full HD, or a narrow width like 390px to capture the mobile version of a page.

What does the full page option do?

With full page enabled, the entire length of the page is captured in one tall image, not just the part visible on screen. Untick it to capture only the initial viewport area.

How is this different from the HTML to SVG tool?

This tool renders your page or markup with a real browser engine and returns a pixel image or PDF. The HTML to SVG tool instead wraps your markup in a scalable vector file directly in your browser, without rasterizing it.

HTML na obraz

Wyrenderuj surowy kod HTML lub dowolną działającą stronę do pliku PNG, JPG albo PDF. Wybierz szerokość okna, uchwyć całą stronę i pobierz wynik od razu.

Adres strony

Uchwyć całą stronę (nie tylko widoczny obszar)

Kod HTML

Format

Szerokość (px)

Wolisz uzyskać plik SVG? Skorzystaj z narzędzia HTML na SVG.

Zamień strony WWW w obrazy

Rób idealne co do piksela zrzuty dowolnej strony albo podejrzyj fragment kodu HTML jako obraz gotowy do udostępnienia. Świetne do dokumentacji, kart w mediach społecznościowych, makiet projektowych, archiwizacji i zgłoszeń błędów.

Kiedy warto zamienić stronę w obraz

Zrzut ekranu zachowuje stronę dokładnie w takiej postaci, w jakiej wyglądała w danym momencie, a to przydaje się nie tylko do szybkiego udostępniania. Zespoły wsparcia dołączają zrzuty całych stron do zgłoszeń błędów, żeby programiści zobaczyli rozjechany układ w kontekście. Autorzy umieszczają wyrenderowane fragmenty w dokumentacji i poradnikach, nie odtwarzając strony ręcznie. Marketingowcy archiwizują strony docelowe na potrzeby przeglądów projektowych i porównań „przed i po”, a badacze zapisują artykuły, które mogą się zmienić lub zniknąć. Ponieważ sam ustawiasz szerokość okna, ten sam adres uchwycisz w wersji desktopowej, tabletowej albo mobilnej, zmieniając tylko jedną liczbę.

PNG, JPG czy PDF - co wybrać?

Wybierz PNG, jeśli na stronie jest ostry tekst, elementy interfejsu lub jednolite kolory - format jest bezstratny, więc krawędzie pozostaną wyraźne. Wybierz JPG w przypadku stron pełnych zdjęć, gdy mniejszy plik liczy się bardziej niż idealna ostrość liter. Wybierz PDF, gdy chcesz mieć gotowy do druku, przewijalny zapis długiego artykułu. Niezależnie od wyboru stronę renderuje na naszym serwerze prawdziwy silnik przeglądarki, więc CSS, czcionki internetowe i układ wyglądają dokładnie tak, jak zobaczyłby je odwiedzający.

Najczęściej zadawane pytania

Wszystko, co musisz wiedzieć o zamianie kodu HTML w obraz.

Możesz uchwycić każdą publicznie dostępną stronę. Ze względów bezpieczeństwa nie renderujemy stron wymagających logowania ani adresów prywatnych i wewnętrznych.

Zapisz zrzut w formacie PNG lub JPG albo gotowy do druku plik PDF. Szerokość okna decyduje o tym, jak zostanie wyrenderowany układ strony.

Tak. Przejdź na kartę „Z kodu HTML” i wklej dowolny kod HTML — łącznie z osadzonym CSS — aby wyrenderować go tak, jak zrobiłaby to przeglądarka.

Ustawienie szerokości określa rozmiar okna przeglądarki użytego do renderowania. Wybierz 1280px dla typowego układu desktopowego, 1920px dla Full HD albo wąską wartość, np. 390px, aby uchwycić mobilną wersję strony.

Gdy opcja pełnej strony jest włączona, cała długość strony trafia na jeden wysoki obraz, a nie tylko fragment widoczny na ekranie. Odznacz ją, aby uchwycić wyłącznie początkowy obszar okna.

To narzędzie renderuje stronę lub kod prawdziwym silnikiem przeglądarki i zwraca obraz rastrowy albo plik PDF. Narzędzie HTML na SVG zamiast tego pakuje Twój kod w skalowalny plik wektorowy bezpośrednio w przeglądarce, bez rasteryzacji.