Konwerter HTML na JPG

Q: Czy można zamienić szablon e-maila HTML na obraz do podglądu?

Tak. Ustaw **Szerokość strony HTML** na 600 px, czyli szerokość, dla której projektuje się większość szablonów e-mail, i zostaw jeden długi obraz. Powstanie szybki podgląd do udostępnienia osobie, która nie powinna dostać samego e-maila testowego.

Prześlij zapisaną stronę internetową, szablon e-maila lub raport HTML i pobierz go jako obraz JPG całej strony, od góry do dołu. Sami wybierają Państwo szerokość przeglądarki, więc wynik może pokazywać układ desktopowy lub mobilny.

lub upuść Pliki DOC, DOCX, DOCM … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Konwertuj na

Rozdzielczość

Obrazy

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

1
Prześlij plik HTML
Przeciągnij plik .html, .htm lub .mhtml (maksymalnie 20 naraz). Jeśli strona ma obrazy i style, zapisz ją najpierw w przeglądarce jako jeden plik (MHTML), aby wszystko zostało razem ze stroną.
2
Wybierz szerokość strony
Szerokość strony HTML domyślnie wynosi 1280 px, czyli typowy laptop. Wpisz 390 px dla układu na telefon lub 600 px dla szablonu e-maila. Opcja Obrazy jest ustawiona na jeden długi obraz.
3
Konwertuj do JPG
Kliknij Konwertuj na JPG i pobierz obraz. Jeśli wolisz stronę podzieloną na części wielkości kartki do druku, przełącz Obrazy na jeden na stronę.

HTML do JPG to zrzut ekranu całej strony wykonany z pliku: wybrana szerokość przeglądarki decyduje o układzie, a JPG zapisuje każdy jego piksel.

Jak plik HTML staje się obrazem JPG

Plik HTML to instrukcje, a nie obraz. Przeglądarka odczytuje kod, stosuje arkusze stylów, wczytuje obrazy i czcionki oraz układa całość pod szerokość okna. Gdy zmienisz szerokość, strona responsywna zmienia układ: kolumny ustawiają się jedna pod drugą, menu się zwija, a obrazy maleją. Dlatego konwerter w pierwszej kolejności pyta o Szerokość strony HTML.

Gdy układ jest gotowy, cała strona jest przechwytywana od góry do dołu, a nie tylko fragment mieszczący się na ekranie. Przy ustawieniu Obrazy na jeden długi obraz otrzymasz jeden wysoki plik JPG; po przełączeniu na jeden na stronę ta sama treść zostanie pocięta na obrazy wielkości strony.

Jakość domyślnie wynosi 85, co zachowuje czytelność tekstu, a plik jest dużo mniejszy niż PNG tej samej strony. Podnieś ją do około 95, jeśli strona zawiera drobny druk lub cienkie krawędzie tabel, które muszą pozostać ostre.

1280 pxdomyślna szerokość przeglądarki do renderowania strony

Dopuszczalny zakres: od 320 do 3840 px. Wąskie szerokości pokazują układ mobilny, szerokie – układ na komputer.

Wybierz szerokość strony: pełny widok desktopowy lub mobilny

Ustawienie domyślne. Przy tej szerokości większość stron pokazuje pełny układ komputerowy z paskami nawigacji i kolumnami bocznymi.

Przeglądy stron i akceptacje klientów
Archiwizowanie wyglądu strony
Slajdy i raporty

Gdy wynik konwersji HTML na JPG wygląda źle

Brakuje obrazów lub widać ikony uszkodzonych obrazów
Obrazy były zapisane obok pliku HTML, a nie w nim. Zapisz stronę jako jeden plik MHTML lub użyj pełnych adresów internetowych obrazów.
Strona jest pusta lub widać tylko animację ładowania
Treść jest tworzona przez skrypty po załadowaniu strony albo znajduje się za logowaniem. Otwórz ją w przeglądarce, poczekaj na pełne wczytanie, a potem zapisz jako jeden plik.
Tekst jest ucięty przy prawej krawędzi
Strona ma stałą szerokość większą niż okno. Zwiększ Szerokość strony HTML, aby do niej pasowała, na przykład do 1440 px.
Plik JPG jest za duży do formularza przesyłania
Obniż Jakość do około 70, użyj mniejszej szerokości lub zmniejsz wynik później za pomocą narzędzia Kompresja zdjęć.

HTML

HyperText Markup Language

HTML to język znaczników sieci WWW, opisany po raz pierwszy przez Tima Bernersa-Lee na początku lat 90., a obecnie rozwijany przez WHATWG jako żywy standard. Plik HTML opisuje nagłówki, akapity, odnośniki, tabele, obrazy i formularze, a stylizacja zwykle pochodzi z CSS. Renderuje go każda przeglądarka, a używa się go też w szablonach e-maili i zapisanych stronach. Pojedynczy plik HTML często zależy od zewnętrznych obrazów i arkuszy stylów, więc po przeniesieniu osobno może wyglądać na zepsuty.

Kompresja: –
Przezroczystość: –
Animacja: –
Rok powstania: 1993 · Tim Berners-Lee; maintained by WHATWG

Konwerter HTML

JPG

Obraz JPEG

JPEG (lub JPG) to najpopularniejszy format zdjęć, ustandaryzowany przez Joint Photographic Experts Group w 1992 roku. Używa kompresji stratnej, która usuwa drobne szczegóły, jakich oko raczej nie zauważy, dzięki czemu zdjęcia są wystarczająco małe do internetu, poczty e-mail i pamięci telefonu. Dobrze radzi sobie z płynnymi gradientami i naturalnymi scenami, ale ostry tekst, grafika liniowa i jednolite kolory mają widoczne blokowe lub rozmyte artefakty. JPEG nie obsługuje przezroczystości ani animacji, a każdy kolejny zapis pogarsza jakość. Otworzy go każda przeglądarka, telefon, aparat i edytor obrazów.

Kompresja: Stratna
Przezroczystość: Nie
Animacja: Nie
Rok powstania: 1992 · Joint Photographic Experts Group

Konwerter JPG

HTML wygląda prawidłowo tylko w przeglądarce; zamiana na JPG zamraża jeden wygląd strony w obrazie, który możesz załączyć, opublikować, zarchiwizować lub wstawić do slajdu, gdzie kod byłby bezużyteczny.

Pytania o konwersję HTML na JPG

Czy zamiast przesyłać plik, można wkleić adres strony internetowej?

Nie, ten konwerter działa na plikach HTML, które prześlesz. Otwórz stronę w przeglądarce, wybierz Zapisz stronę jako i opcję Strona internetowa, jeden plik (MHTML w Chrome i Edge), a następnie prześlij ten plik. Zawiera on razem HTML, style i obrazy.

Dlaczego plik JPG pokazuje sam tekst bez żadnych stylów?

HTML został zapisany bez arkusza stylów i obrazów, co zdarza się przy opcji Strona internetowa, tylko HTML. Konwerter widzi wtedy wyłącznie kod znaczników. Zapisz stronę ponownie jako jeden plik MHTML lub przed przesłaniem umieść CSS bezpośrednio w HTML.

Jak długą stronę może zmieścić jeden plik JPG?

Format JPEG ogranicza każdy bok do 65 535 pikseli, więc bardzo długa strona przy dużej szerokości może przekroczyć ten limit. Przy długich artykułach przełącz Obrazy na jeden na stronę albo skonwertuj plik za pomocą HTML do PDF, gdzie takiego limitu nie ma.

JPG czy PNG — co wybrać do zrzutu strony internetowej?

JPG jest mniejszy i dobrze sprawdza się przy stronach ze zdjęciami. PNG zachowuje idealnie ostry drobny tekst i cienkie linie oraz obsługuje przezroczyste tło, więc lepiej nadaje się do makiet interfejsów i paneli. Różnice omawiamy w artykule JPG, JPEG i PNG – czym się różnią.

Dlaczego czcionki na obrazie wyglądają inaczej niż w mojej przeglądarce?

Czcionki zainstalowane tylko na Twoim komputerze nie są dostępne tam, gdzie strona jest renderowana, więc używana jest czcionka zastępcza. Czcionki internetowe osadzone w zapisanej stronie lub wczytywane ze stylami strony wyświetlają się prawidłowo.

Czy można zamienić szablon e-maila HTML na obraz do podglądu?

Tak. Ustaw Szerokość strony HTML na 600 px, czyli szerokość, dla której projektuje się większość szablonów e-mail, i zostaw jeden długi obraz. Powstanie szybki podgląd do udostępnienia osobie, która nie powinna dostać samego e-maila testowego.