Konwerter HTML na GIF

Q: Jak zmniejszyć GIF na tyle, by nadawał się do komunikatora?

Użyj węższej **Szerokości strony HTML** albo przekonwertuj tylko pierwszą stronę. Jeśli wynik nadal przekracza limit, [kompresja GIF na Discord](/compress-gif-for-discord) zmniejszy go do limitu przesyłania.

Wyrenderuj plik HTML w silniku przeglądarki i zapisz go jako GIF tam, gdzie ten format wciąż jest wymagany: w stopkach e-mail, starszych forach i polach dawnych systemów CMS. Wybierasz szerokość okna oraz to, czy otrzymasz jeden długi obraz, czy sekwencję klatek wielkości strony.

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
Dodaj pliki .html, .htm lub .mhtml – do 20 w jednej partii, po maksymalnie 95 MB każdy. Zapisanie strony jako „Strona internetowa, jeden plik” zachowuje jej obrazy i style.
2
Wybierz szerokość i układ
Szerokość strony HTML wynosi 1280 px; dla szablonu e-maila użyj 600 px. Obrazy to jeden długi obraz, czyli pojedynczy statyczny GIF; ustaw opcję jeden na stronę, aby uzyskać klatki wielkości strony wyświetlane jedna po drugiej.
3
Konwertuj do GIF
Naciśnij Konwertuj na GIF. Jeśli GIF ma leżeć na kolorowym tle, włącz Przezroczyste tło w sekcji Ustawienia zaawansowane.

Konwersja HTML na GIF przechwytuje wygląd strony, a nie jej ruch: przeglądarka rysuje stronę w podanej szerokości, a wynikiem jest jeden statyczny GIF albo zestaw klatek wielkości strony w jednym pliku.

Jak działa konwersja HTML na GIF

Najpierw HTML jest układany jak każda strona internetowa, w ustawionej Szerokości strony HTML, od 320 do 3840 px. Style i obrazy wewnątrz pliku są stosowane; czcionki, do których nie ma dostępu, są zastępowane podobnymi. Potem wyrenderowana strona jest przechwytywana.

Przy opcji Obrazy ustawionej na jeden długi obraz cała strona od nagłówka do stopki staje się jednym statycznym GIF-em. Przy jednym na stronę jest cięta na kawałki wielkości strony, a te kawałki stają się klatkami jednego GIF-a pokazującego je po kolei, co ułatwia podgląd długiego newslettera lub wielosekcyjnej strony docelowej bez przewijania.

Format wyznacza ograniczenia. CompuServe wprowadziło GIF w 1987 roku, a rewizja GIF89a z 1989 roku dodała opóźnienia klatek i kolor przezroczysty, co do dziś obsługuje każda przeglądarka obrazów. Każda klatka ma paletę ograniczoną do 256 kolorów, więc konwerter dopasowuje kolory strony do najlepszej znalezionej palety. Tekst, ikony, przyciski i płaskie kolory marki wychodzą czysto; najwięcej tracą zdjęcia i miękkie cienie.

Ograniczenia GIF ważne przy renderowaniu strony internetowej

Kolorów na klatkę: 256
Przezroczystość na piksel, bez miękkich krawędzi: Wł./wył.
Strona jest przechwytywana, nie nagrywana: Statyczny
plików HTML w partii, po 95 MB każdy: 20

Konwersja HTML do GIF: czego się spodziewać

MitGIF ze strony pokazuje jej efekty po najechaniu i animacje.

FaktStany interaktywne i ruch wymagają człowieka lub skryptu, który je uruchomi. Przechwycenie pokazuje stronę w spoczynku.

MitGIF to najmniejszy format obrazu dla strony internetowej.

FaktW przypadku stron ze zdjęciami JPG lub WebP są zwykle znacznie mniejsze. GIF wygrywa tylko przy prostej, płaskiej grafice.

MitGIF pobierze stronę z jej adresu internetowego.

FaktKonwerter działa na przesłanym pliku HTML. Najpierw zapisz stronę z przeglądarki, najlepiej jako jeden plik MHTML.

MitWięcej klatek sprawia, że GIF jest ostrzejszy.

FaktKlatki zwiększają długość i rozmiar pliku, a nie szczegółowość. Ostrość zależy od szerokości strony i palety kolorów.

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

GIF

Graphics Interchange Format

GIF został wprowadzony przez CompuServe w 1987 roku i nadal jest najszerzej obsługiwanym formatem krótkich, zapętlonych animacji. Jest bezstratny, ale ograniczony do palety 256 kolorów na klatkę, więc zdjęcia i gradienty wykazują pasma i dithering. Obsługuje tylko przezroczystość typu włącz/wyłącz (1-bitową), co powoduje poszarpane krawędzie zaokrąglonych kształtów. Animowane GIF-y są często znacznie większe niż ten sam fragment w MP4 lub WebP. Każda przeglądarka, komunikator i platforma społecznościowa odtwarza GIF-y.

Kompresja: Bezstratna
Przezroczystość: Tak
Animacja: Tak
Rok powstania: 1987 · CompuServe

Konwerter GIF

GIF dla wyrenderowanej strony wybiera się wtedy, gdy miejsce docelowe przyjmuje tylko GIF, np. podpis w e-mailu albo starsza platforma, lub gdy chce się upakować kilka klatek strony w jednym pliku odtwarzanym bez odtwarzacza wideo.

Pytania o konwersję HTML na GIF

Czy animację CSS można zamienić na animowany GIF?

Nie. Strona jest renderowana raz i przechwytywana, więc przejścia CSS, animacje klatek kluczowych, filmy i efekty ze skryptów są zamrożone w tym momencie. Aby uchwycić ruch, nagraj ekran podczas odtwarzania strony i przekonwertuj nagranie za pomocą wideo na GIF.

Dlaczego gradienty i zdjęcia w GIF-ie wyglądają na ziarniste?

Każda klatka GIF może zawierać co najwyżej 256 kolorów. Strona z płynnymi gradientami, cieniami lub zdjęciami ma ich tysiące, więc są przybliżane za pomocą ditheringu, który objawia się plamkami lub pasami. Płaskie projekty i tekst wypadają dobrze; w przypadku stron z wieloma zdjęciami HTML do PNG zachowuje każdy kolor.

Dlaczego krawędzie przezroczystego GIF-a są poszarpane?

Przezroczystość w GIF jest włączona lub wyłączona dla każdego piksela, bez częściowej krycia. Wygładzone krawędzie, które były zmieszane z tłem, stają się jednolitym kolorem albo znikają, co może zostawić jasną obwódkę na ciemnym tle. Zachowaj białe tło, jeśli GIF i tak trafi na biel.

Czy stopka e-mail z HTML zapisana jako GIF zadziała w każdym programie pocztowym?

Statyczny GIF wyświetla się praktycznie w każdym kliencie poczty, dlatego podpisy przez lata korzystały z tego formatu. Animowane GIF-y są mniej niezawodne: klasyczny Outlook dla Windows z lat 2007–2013 pokazuje tylko pierwszą klatkę, więc ważną treść umieść na pierwszej klatce.

Jak zmniejszyć GIF na tyle, by nadawał się do komunikatora?

Użyj węższej Szerokości strony HTML albo przekonwertuj tylko pierwszą stronę. Jeśli wynik nadal przekracza limit, kompresja GIF na Discord zmniejszy go do limitu przesyłania.