5 przyczyn powstawania poszarpanych krawędzi przy kompresji zdjęć
Zupełnie inaczej podchodzi się do problemu, gdy elementy mają układ oparty na flexboxie lub gridzie. W tych modelach białe znaki między elementami nie generują odstępu, bo elementy nie są już układane jak znaki w wierszu tekstu. To najczystsze rozwiązanie, jeśli nie musisz wspierać bardzo starych przeglądarek. Wystarczy ustawić na kontenerze display: flex i zadbać o gap albo marginesy, a odstępy staną się w pełni kontrolowane.<br>
<br>
<br>
<br>
Najczęstszy błąd to zła nazwa. System może dopisać ukryte rozszerzenie i plik nazywa się w rzeczywistości index.html.txt. Sprawdź nazwę w oknie właściwości albo włącz wyświetlanie rozszerzeń w menedżerze plików. Druga pułapka to kodowanie znaków — jeśli w pliku są polskie litery, a zapisano go w innym kodowaniu niż zadeklarowane w nagłówku, strona pokaże krzaki. Zapisuj w UTF-8 i pilnuj zgodności z deklaracją w sekcji head.<br>
<br>
<br>
<br>
Proporcje mieszane i pułapka sztywnej kolum<br>
<br>
<br>
<br>
Praktyczna zasada jest prosta: kompresję traktuj jako ostatni krok, zapisuj raz, a jeśli musisz poprawić plik, wróć do wersji roboczej. Kiedy artefakty już wystąpią, nie da się ich cofnąć bez ponownego przetworzenia całego zdjęcia. Receptą nie jest podbijanie ostrości, lecz ograniczenie liczby stratnych zapisów i świadome dobranie formatu do przeznaczenia obrazu.<br>
<br>
<br>
<br>
Jak ograniczyć widoczne artefakty na krawędziach Zacznij od tego, żeby zdjęcie zapisywać raz, na końcu obróbki, i w najwyższej jakości, jaką akceptuje docelowe zastosowanie. Jeśli plik ma trafić do druku, wybierz format bezstratny albo bardzo wysoką jakość. Przy publikacji w sieci zapisz kopię roboczą w formacie bezstratnym, a wersję końcową wygeneruj dopiero po wszystkich korektach. Unikaj zapisu pośredniego tylko po to, żeby coś sprawdzić — do podglądu używaj pliku roboczego, nie wynikowego. Kiedy musisz zmniejszyć rozdzielczość, zrób to przed kompresją, a nie po niej. Wyostrzanie wykonuj delikatnie i zawsze przed ostatnim zapisem, nie po nim. Jeśli krawędzie są bardzo kontrastowe, rozważ zapis w formacie, który nie dzieli obrazu na bloki, albo w formacie stratnym nowszej generacji.<br>
<br>
<br>
<br>
Jak pozbyć się odstępu bez psucia typograf<br>
<br>
<br>
<br>
Praktyczna zasada: najpierw treść, potem wygląd. Napisz artykuł, nadaj nagłówkom właściwe poziomy, a dopiero na końcu dobierz rozmiary i kolory w arkuszu stylów. Dzięki temu zmiana szaty graficznej nie zepsuje struktury, a strona będzie czytelna dla ludzi i maszyn. Pamiętaj też, że jeden dobrze postawiony h2 z konkretną nazwą sekcji działa lepiej niż pięć h4 rozrzuconych po tekście bez związku z treścią.<br>
<br>
<br>
<br>
Zacznij od wypisania na kartce, co ma być na stronie najważniejsze. Na jednej stronie powinien być zwykle jeden h1 — tytuł artykułu, nazwa produktu albo nagłówek działu. Kolejne poziomy wynikają z zagnieżdżenia tematów: h2 dla rozdziałów, h3 dla podrozdziałów. Nie przeskakuj poziomów. Po h2 nie stawiaj od razu h4, bo to sygnał, że w strukturze brakuje ogniwa. Jeśli potrzebujesz mniejszego tekstu, użyj klasy CSS, a nie niższego nagłówka.<br>
<br>
<br>
<br>
Kompresja stratna dzieli obraz na bloki, najczęściej 8 na 8 pikseli, i zapisuje je w postaci współczynników. Na gładkich powierzchniach błąd jest niewidoczny, ale przy ostrych krawędziach — konturze twarzy, krawędzi budynku, napisie na tle — sąsiadujące bloki dostają różne wartości i na styku powstaje schodek. To właśnie ten efekt, nazywany rozmyciem krawędzi lub ringingiem, widzisz jako drgającą obwódkę wokół kontrastowych elementów.<br>
<br>
<br>
<br>
Typowe błędy, które pogarszają sytuację: zapisywanie tego samego pliku kilka razy pod rząd, wyostrzanie po kompresji, mieszanie formatów bez kontroli jakości, powiększanie obrazu z już widocznymi blokami, a także ustawianie jakości na najniższą możliwą wartość, żeby tylko zmniejszyć rozmiar pliku. Każdy z tych nawyków dokłada artefakty, których nie da się już usunąć. Warto też pamiętać, że krawędzie na jednolitym tle psują się szybciej niż krawędzie na tle bogatym w szczegóły — dlatego kontur na niebie albo ścianie bywa najbardziej widoczny.<br>
<br>
<br>
<br>
Pierwszą przyczyną jest zbyt niski współczynnik jakości. W typowym zapisie JPEG jakość 90–95 oznacza kompresję ledwie zauważalną, 70–80 to już wyraźne bloki wokół cienkich linii, a poniżej 60 obraz zaczyna przypominać mozaikę. Druga przyczyna to wielokrotny zapis tego samego pliku. Każde otwarcie i ponowny zapis w formacie stratnym dokłada nową warstwę błędów, także jeśli za każdym razem ustawiasz tę samą jakość. Trzecia przyczyna to zmiana rozmiaru po kompresji: przeskalowanie zdjęcia w dół i ponowny zapis rozmywa krawędzie, a powiększenie uwypukla istniejące już bloki. Czwarta przyczyna to wyostrzanie obrazu po kompresji — filtr podbija kontrast na krawędziach i wydobywa artefakty, które wcześniej były ukryte. Piąta to zapis w formacie przeznaczonym do innych celów, na przykład wielokrotna konwersja między formatami stratnymi bez kontroli nad jakością.