Zamień HTML na PNG albo JPG w prawdziwym Chrome

Jak to działa

Wklej swój HTML i style albo zmień przykład.
HTML przechodzi przez ten sam filtr co zapisany szablon: skrypty, atrybuty zdarzeń i zewnętrzne żądania są usuwane.
Chrome renderuje go w wybranym rozmiarze, w piaskownicy bez dostępu do sieci, i oddaje PNG albo JPG.

Co się renderuje, a co nie

Nowoczesny CSS: grid, flexbox, gradienty, cienie, transformacje, zmienne.
Wbudowane fonty: Roboto, Open Sans, Carlito, DejaVu Sans, DejaVu Serif, DejaVu Sans Mono, Ubuntu, Noto Sans CJK JP, Noto Sans CJK SC, Noto Color Emoji — i emoji. Zewnętrzne pliki fontów w darmowym narzędziu są usuwane.
Bez JavaScriptu, ramek iframe, zewnętrznych obrazków i arkuszy stylów: konwerter zostawia to, co zostałoby w zapisanym szablonie.
Cztery rozmiary: 1200×630 (Open Graph), 1080×1080, 1600×900 i 1080×1350. API przyjmuje dowolny rozmiar, a także PDF i WebP.

HTML do obrazka z Twojego kodu

Zapisz HTML raz jako szablon z polami {{ placeholder }}, potem jeden POST /v1/images na obrazek — PNG, JPEG, WebP albo PDF, w dowolnym rozmiarze. 100 obrazków miesięcznie za darmo.

Zacznij za darmo — 100 obrazków miesięcznie API HTML do obrazka

Pytania

Jak zamienić HTML na obrazek?

Wklej HTML i CSS wyżej, wybierz rozmiar oraz PNG albo JPG i kliknij „Zamień". W kodzie API robi to samo jednym requestem: zapisz HTML jako szablon, potem POST /v1/images na każdy obrazek.

PNG czy JPG?

PNG do tekstu, płaskich kolorów i ostrych krawędzi; JPG do zdjęć i gradientów, przy ułamku rozmiaru pliku. Oba powstają z tego samego renderu.

Czy JavaScript się uruchamia?

Nie. Konwerter renderuje tylko HTML i CSS; tagi script i atrybuty zdarzeń są usuwane. Strony, które potrzebują JavaScriptu, lepiej sfotografować zrzutem adresu.

Czy to darmowe?

Tak: 5 obrazków na godzinę z adresu, z małym znakiem wodnym. API HTML do obrazka ma 100 darmowych obrazków miesięcznie, a płatne plany renderują bez znaku wodnego.