Konwerter HTML na obraz

Wklej fragment HTML. Skrypty, formularze, ramki i procedury obsługi zdarzeń są usuwane przed renderowaniem.

Kod HTML i utworzony obraz pozostają w tej przeglądarce. Zdalne obrazy, czcionki i arkusze stylów są pobierane z ich adresów źródłowych. Aby renderować całkowicie offline, osadź dane w kodzie.

Zamień fragment HTML i CSS na obraz PNG lub JPG o stałym rozmiarze bez wysyłania kodu ani wyniku do Hyperion. Ustaw od 64 do 1 920 px na bok oraz skalę od 1x do 3x, a następnie wyświetl podgląd i pobierz plik w przeglądarce.

Jak wyrenderować HTML jako obraz

  1. 1

    Wklej kod

    Wprowadź fragment lub dokument HTML. Obsługiwane są style wbudowane i reguły `<style>`; skrypty, formularze, ramki i procedury zdarzeń są usuwane.

  2. 2

    Ustaw obszar

    Wybierz PNG albo JPG, podaj szerokość i wysokość oraz skalę od 1x do 3x.

  3. 3

    Wygeneruj podgląd

    Przeglądarka układa oczyszczony kod w odizolowanej ramce o stałym rozmiarze.

  4. 4

    Pobierz lokalnie

    Zapisz PNG lub JPG bezpośrednio. Wygenerowany plik nie jest przesyłany do Hyperion.

Co obsługuje mechanizm przeglądarki

Konwerter korzysta z mechanizmu układu przeglądarki. W wyniku mogą pojawić się zwykły HTML, style wbudowane, reguły <style>, Flexbox, Grid, gradienty, cienie, osadzone SVG i zainstalowane czcionki. Powstaje statyczny obraz rastrowy, a nie interaktywna kopia strony.

Zasady obszaru i wyjścia

Ustawienie Dozwolony zakres Działanie
Szerokość 64 do 1 920 px Dokładna szerokość CSS ramki
Wysokość 64 do 1 920 px Dokładna wysokość CSS; nadmiar treści jest obcinany
Skala 1x do 3x Zwiększa rozdzielczość bez zmiany układu
PNG Obraz o stałym rozmiarze Zachowuje przezroczyste obszary
JPG Obraz o stałym rozmiarze Używa jakości 92% i białego tła

Wyjście jest ograniczone do 16 megapikseli, aby chronić pamięć przeglądarki. Gdy wymiary i skala przekraczają limit, narzędzie obniża skalę do najwyższego bezpiecznego kroku 0,5x. Źródło HTML może mieć najwyżej 100 000 znaków.

Prywatność i zasoby zdalne

HTML oraz utworzony obraz danych pozostają w bieżącej przeglądarce. W trybie krokowym pamięć sesji tej karty przechowuje ustawienia do kolejnego etapu, a rozpoczęcie od nowa je usuwa. Narzędzie nie wysyła kodu ani obrazu do Hyperion.

Zewnętrzny adres URL jest wyjątkiem. Obrazy, czcionki internetowe i arkusze stylów są pobierane z serwerów źródłowych, które widzą żądanie. CORS lub kontrola dostępu mogą też zablokować ładowanie. Aby pracować całkowicie offline, osadź obrazy i czcionki jako adresy danych i stosuj CSS w kodzie.

Ograniczenia bezpieczeństwa i zgodności

Skrypty, formularze, zagnieżdżone ramki, obiekty i atrybuty zdarzeń są usuwane przed przechwyceniem. Podgląd staje się nieaktywny, ale nie jest to uniwersalny mechanizm oczyszczania HTML do późniejszej publikacji. Widżety JavaScript nie działają, stan wideo i canvas nie jest gwarantowany, animacje stają się pojedynczą klatką, a CSS zależny od przeglądarki może wyglądać inaczej w innym silniku.

Najczęściej zadawane pytania

Tak. Mechanizm pobiera obsługiwane reguły <style> i łącza arkuszy stylów z sekcji head, po czym przechwytuje zawartość body. Skrypty, metadane, formularze, ramki i aktywne procedury są usuwane, więc wynik nie jest stroną do przeglądania.

Serwer źródłowy może blokować użycie między domenami, wymagać logowania albo odpowiadać zbyt wolno. Użyj dostępnego adresu z obsługą CORS lub osadź zasób jako adres danych.

PNG zachowuje przezroczyste piksele. JPG używa białego tła i stałej jakości 92%, co często zmniejsza zdjęcia. Narzędzie nie eksportuje WebP ani nie udostępnia osobnej regulacji jakości.

Konwerter ogranicza wyjście do 16 megapikseli. Przy dużym obszarze automatycznie wybiera najwyższy bezpieczny krok 0,5x, aby nie wyczerpać pamięci przeglądarki.

Powiązane narzędzia