Formaty grafiki na stronie

Grafika na stronę: formaty plików i rozmiar - Informatyka - liceum klasa 2 (doc)

Obraz na stronie powinien być **mały** (szybko się ładuje, także na telefonie) i **dobrze wyglądać**. Format dobiera się do treści: - **JPEG** - zdjęcia; kompresja **stratna** (ustawiana jakość), bez przezroczystości, - **PNG** - grafika z ostrymi krawędziami, zrzuty ekranu, tekst; kompresja **bezstratna**, przezroczystość, - **GIF** - proste animacje, najwyżej 256 kolorów, - **WebP** i **AVIF** - nowsze formaty: mniejsze pliki niż JPEG i PNG, przezroczystość, animacja, - **SVG** - grafika **wektorowa** (logo, ikony, wykresy): opis kształtów, ostra w każdym powiększeniu, zwykle bardzo mała.

{"type":"doc","content":[{"type":"heading","attrs":{"level":2},"content":[{"type":"text","text":"Który format"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","content":[{"type":"paragraph","content":[{"type":"text","text":"Format"}]}]},{"type":"tableHeader","content":[{"type":"paragraph","content":[{"type":"text","text":"Rodzaj"}]}]},{"type":"tableHeader","content":[{"type":"paragraph","content":[{"type":"text","text":"Kompresja"}]}]},{"type":"tableHeader","content":[{"type":"paragraph","content":[{"type":"text","text":"Do czego"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"JPEG"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"rastrowy"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"stratna"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"zdjęcia"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"PNG"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"rastrowy"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"bezstratna"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"zrzuty ekranu, grafika z tekstem"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"WebP"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"rastrowy"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"stratna lub bezstratna"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"zdjęcia i grafika na stronie"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"SVG"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"wektorowy"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"brak (tekst)"}]}]},{"type":"tableCell","content":[{"type":"paragraph","content":[{"type":"text","text":"logo, ikony"}]}]}]}]}]}

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - liceum klasa 2·Zaloguj się, aby zapisać postęp na koncie.