) I spodziewaj się, że Allaimageloader uczyni tę pracę w programie Internet Explorer, jak powinien. Pamiętaj, że Allaimageloader wstawia obraz między tłem a pierwszym planie obiektu. Dlatego, gdy będzie wysyłać Twój wizerunek we wszystkich przezroczystej chwale, będzie również nadal wysyłać go jako obraz obrazu CSS i bez wspaniałych półprzezroczyste pikseli.

Prawdziwe użycie Allaimageloader.

Wróćmy do jednego z najwcześniejszych przykładów i spróbuj załadować go poprawnie w programie Internet Explorer. Pamiętaj kanał 49, stacji telewizyjnej w Topeka? Jestem pewien - tak. Rysunek 5-21 pokazuje, jak wygląda witryna w Internet Explorer 6.

Rysunek 5-21.
Nagłówek 49ABCNews.com, pochodzący w Internet Explorer 6 dla Windows, z nietkniętą przezroczystością PNG.

HTML dla górnej części związanej z pogodą, wygląda jakbyś już zasugerował:

Widzisz obraz, a na pewno jest PNG, nawet nieskazitelnie nieskazitelnie Internet Explorer. Sekretnym składnikiem jest JavaScript. W rzeczywistości użyłem odrobiny Sripting Dom, aby usunąć element IMG w locie i zastąpić go elementem DIV, który odgadłeś - korzysta z Alphaimageloader. JavaScript opisany jest w komentarzach warunkowych, drugim złożonym, ale całkowicie niezbędnym Idiom z wbudowanego Microsoft w Internet Explorer. Uwagi warunkowe umożliwiają korzystanie z kodu tylko dla znanych zaawansowanych wersja internetowa. Poszukiwacz. Kod jest ignorowany przez wszystkie inne przeglądarki, więc nie wpływa na nich. W elemencie. Strona internetowa www.49abcnews.com, znajdziesz:

Dzięki pierwszej linii, jeśli LTE IE6, ten skrypt zostanie uwzględniony w dokumencie Dizowalny tylko wtedy, gdy jest wyświetlany w wersji programu Internet Explorer mniej niż lub równe (jest to wskazane przy użyciu LTE) 6. Wszystkie inne przeglądarki, w tym nowo przybywające Internet Explorer 7, w pełni go zignoruje..

A co z plikiem JavaScript FixweatherPng.js? Spójrz:

Window.atttachevent ("onload", fixweatherpng); Funkcja FixWeatherPng () (VAR IMG \u003d Document.getElementByid ("Weatherweymage"); var src \u003d img.src; img.style.visity \u003d "ukryty"; var div \u003d Document.Createel ("Div"); Div.style. Filtr \u003d "Progid: dximagetransform.Microsoft. Allaimageloader (+ SRC +" ", Mizja \u003d" Skala ")"; // Stylizacja CSS o niektórych 49ABCNews.com pominięta dla zwięzłości. img.replaceNode (div); )

Przeanalizujmy, krok po kroku, co sprawia, że \u200b\u200bskrypt. Po pierwsze, mówimy przeglądarkę, którą chcemy wykonać funkcję FixweaterPNG, gdy strona jest załadowana. Pozostała część skryptu jest sama funkcja.

Zaczynamy, na początku szukamy obrazu, z którym będziemy pracować nad atrybutem ID i zapisać go w zmiennej IMG. Zapisz atrybut SRC (URL do pliku obrazu) w zmiennej SRC. Następnie ukrywamy element IMG wystawiający właściwość CSS widoczności w ukrytym.

W rezultacie zastępujemy oryginalny element IMG (który jest ukryty) do nowo utworzonego elementu div, do którego Allaimageloader jest pomyślnie przyłączony.

Korzystając ze skryptów DOM, aby włożyć Allaimageloader - bitów filtrów w locie, ma własną bezstronną, ale niezbędną stroną jest nieprawidłowe CSS. Ponadto poza twoimi (X) Markups HTML będą zawierać rozpowszechnione elementy DIV. A chociaż wszystko to jest opisane w komentarzach warunkowych, nie ma szans, aby inne przeglądarki były zepsute przez kod Microsoft. (HandyBlogger: Tutaj Jeff próbuje dokładnie wskazać "poprawne" rozwiązanie firmy Microsoft)

Jeśli musisz zrobić coś niepoprawnego, przynajmniej możesz go wyodrębnić i zapisać go oddzielnie od wszystkiego, co nie jest konieczne.

W areszcie

PNG, jako format graficzny, oferuje wiele zalet technicznych oprócz tych szeroko stosowanych w GIF. W rzeczywistości społeczność jest tak wielka, że \u200b\u200bdawno temu PNG może wziąć dominującą pozycję jako format graficzny niezwiązany z obrazami zdjęć. Niewystarczające wsparcie od Internet Explorer niektórych znaczących możliwości PNG, takich jak przezroczystość alfa kanału, w wyniku przerażania wielu deweloperów. Ale są dwa bardzo dobre powody, dla których nie powinieneś bać się PNG.

Po pierwsze: Nawet Internet Explorer 6 i jego wcześniejsze wersje prawie w pełni wspierają PNG w zakresie tego, co GIF może (oczywiście z wyjątkiem animacji). PNG prawie zawsze pokazuje mniejszy rozmiar pliku, co pozwala im ładować ich szybciej i wydać mniej zasobów.

Po drugie: Internet Explorer 7 oferuje pełne wsparcie dla przezroczystości Alpha PNG. Efekty, które można uzyskać za pomocą całkowitej gamy przezroczystych opcji, są prawie nieograniczone. Spodziewam się projektantów, którzy znajdą ciekawe sposoby korzystania z przejrzystości PNG, zgodnie z zasadą tych opisanych w niniejszym artykule, drzwi zostaną otwarte na nowy poziom stylów wciąż niespotykany wcześniej. Dałem ci przydatne pomysły tego, co możesz utworzyć za pomocą przejrzystości PNG, ale nie zatrzymuj się na nim. Szukać siebie!

Fragmentu ze standardów WWW kreatywność z Cameron Adams, Mark Boulton, Andy Clarke, Simon Collison, Jeff Croft, Ethan Marcotte, Derek Featstone, Ian Lloyd, Dan Rubin i Rob Weychert; Opublikowane przez przyjaciół z Ed. Copyright Jeff Croft 2007. Używane z APRESS, Inc.

PNG Format obrazu jest jednym z najbardziej popularnych i oferuje użytkownikom przechowywanie skompresowanych zdjęć bez utraty ich jakości. Większość PNG służy do edycji grafiki lub w Internecie. Następnie patrzymy na kilka prostych sposobów, dzięki czemu można otworzyć plik tego formatu na swoim komputerze.

Istnieje kilka różnych metod, które umożliwiają otwarcie plików formatu PNG do przeglądania i edycji. Wystarczy, że będziesz postępować zgodnie z poniższymi instrukcjami, i otwórz obraz nie będzie trudny.

Metoda 1: Programy do przeglądania obrazów

W Internecie istnieje wiele edytorów graficznych i specjalne oprogramowanie do przeglądania i edycji obrazów. Zapewniają użytkownikom dużą liczbę funkcji i narzędzi, co sprawia, że \u200b\u200bproces pracy ze zdjęciami jest jak najbardziej komfortowy. Rozważ proces otwarcia obrazu PNG na przykładzie programu GIMP:

Jeśli Gimp nie nadaje się z jakiegokolwiek powodu, sugerujemy zapoznanie się pełna lista Programy do przeglądania zdjęć w naszym artykule według odniesienia poniżej. Na pewno znajdziesz coś odpowiedniego.

W przypadku, gdy chcesz wykonać różne manipulacje otwarte, użyj specjalnych edytorów graficznych z rozszerzoną funkcjonalnością i obecnością dużej liczby różnych narzędzi. Więcej informacji z nimi możesz znaleźć w naszym artykule przez odniesienie poniżej.

Metoda 2: Standardowe okna

We wszystkich wersjach działania systemy Windows. Jest wbudowany program do przeglądania obrazów. Dzięki nim są również otwarte pliki formatu PNG. Rozważmy bardziej szczegółowo ten proces:

Jeśli potrzebujesz wszystkich obrazów PNG, które zostaną otwarte za pośrednictwem standardowego przeglądarki zdjęć systemu Windows, wykonaj następujące kroki:

Teraz domyślnie wszystkie pliki PNG zostaną otwarte standardowe narzędzie Zobacz zdjęcia. Aby zmienić program do otwarcia, wystarczy wykonać te same działania, wybierając inne oprogramowanie.

W tym artykule rozważaliśmy szczegółowo proste sposoby Otwieranie zdjęć formatu PNG. Jak widać, nie ma nic skomplikowanego w tym procesie, a wszystko jest wykonywane dosłownie przez kilka działań.

Następnie pojawia się przedłużenie plików zakończone w .png. Pliki z rozszerzeniem pliku .png można uruchomić tylko przez niektóre aplikacje. Możliwe, że pliki Nie ma być oglądane w ogóle.

co to jest a & nbsp.png & nbspfile?

Pliki PNG są kompresowane pliki obrazów rastrowych zwykle wdrażane dla elementów wizualnych znalezionych na stronie internetowej między innymi grafiką internetową. Zawartość obrazu tych plików .png składa się z kolorów indeksowych zintegrowanych przez obrazy bitmapowe i specyfikacje kodowania, które są zaimplementowane ISTO te pliki Znany również jako grafika sieciowa przenośna, format PNG został opracowany w celu podniesienia ograniczeń obrazów GIF, pod względem wsparcia kolorów i licencjonowania patentowego. Kanał przezroczystości tych plików PNG został poprawiony do wdrożenia 8-bitowego wsparcia. Obsługa CMYK nie jest dostępna w tych plikach PNG.

jak otworzyć plik .png?

Uruchom plik .png lub dowolny inny plik na komputerze, klikając go dwukrotnie. Jeśli skojarzenia plików są poprawnie skonfigurowane, aplikacja, która ma otworzyć plik .png, otworzy go. To możliwe może być konieczne pobieranie lub zakup prawidłowej aplikacji. Możliwe jest również, że masz właściwą aplikację na swoim komputerze, ale plikiPng nie są jeszcze związane z nim. W tym przypadku, gdy próbujesz otworzyć plik .png, możesz powiedzieć Windows, który aplikacja jest poprawna dla tego pliku. Od tego czasu otwarcie pliku .png otworzy poprawną aplikację.

aplikacje, które otwierają plik .png

Adobe Photoshop CS6 dla Windows Microsoft

Adobe Photoshop. CS6 Windows Microsoft. Jest edycją obrazu i zarządzającym oprogramowaniem do pobrania na komputerach z systemem Windows, a mianowicie Windows 7 (Withot Sp1) i Windows XP z SP3. To oprogramowanie jest wyposażone w nowe funkcje i narzędzia dla Łatwa, szybka, zabawa i zaawansowana edycja obrazów cyfrowych. Jedną z funkcji, która sprawia, że \u200b\u200bten program jest niezawodny dla edycji obrazu jest silnikiem graficznym Adobe Mercury, który jest technologią silnika, która zapewnia szybszą i wysoką jakość wydajności. Narzędzia Content-Aware to nowe funkcje zaprojektowane do retuszowania obrazów z łatwością, gdy obrazy policjantowe z łatwością wpływają, automatycznie prawidłowe zamieszanie lub krzywy obiektywu szerokokątne, usuń czerwone oko i dostosuj równowagę kolorów jak jasność i kontrast. Ten edytor zdjęć jest również dołączony do funkcji automatycznego odzyskiwania, które może tworzyć kopie zapasowe dowolne niezapisane obrazy, opcję oszczędzania tła, galerii rozmycia, narzędzie do uprawy, tworzenie wideo i wiele więcej. Wszystkie te nowe ulepszone funkcje i nowoczesny interfejs użytkownika, edycja zdjęć cyfrowych nigdy nie może być tak zabawny i łatwy do Wort Photoshop CS6.

Adobe Photoshop CS6 dla Mac

Adobe Photoshop CS6 dla Mac

Adobe Photoshop CS6 dla komputerów Mac jest wersja "Creative Suiteà ¢ â" Oprogramowanie do zarządzania obrazami zaprojektowanymi wyłącznie dla komputerów Mac, w szczególności Mac OS X V10.6 do 10,7 w 64-bit. Ten program edycji obrazu jest dołączony do nowego zestawu funkcji i narzędzi, takich jak silnik Mercury Graphics Silnik opracowany przez tę samą firmę do szybkiego i wysokiej jakości wydajności zwiększania obrazu, funkcje zadowolonych z treści, intuicyjne ponowne wyobrażone narzędzia do projektowania filmów, przepływów pracy , Galeria rozmycia, narzędzie do uprawy i o wiele więcej. Funkcje silnika Adobe Mercury Graphics w taki sposób, aby ukończyć zadanie edycji. Pozwala to również na udostępnianie i migrację obrazów za pomocą automatycznego odzyskiwania i opcji zapisywania w tle Nowe narzędzia świadomych treści są wykonane dla łatwego i kontrolowanego sposobu retuszowania lub poprawy obrazów, które powodują bardziej zadowolony wyjście. Zasadniczo pozwala dowolnym użytkownikowi na automatyczne poprawne obrazy, przycinaj je i poprawić krzywizny szerokokątnych obiektywu.

ACD Systems Canvas 14

ACD Systems Canvas 14

ACD Systems International Inc. Jest programistą ACD Systems Canvas 14, który jest oprogramowaniem do grafiki technicznej, umożliwia użytkownikom analizowanie danych, ulepszają grafikę i udostępniać wszystkie informacje z łatwością i szybkością. Ten program został zaprojektowany z w pełni funkcjonalnymi narzędziami, które pomagają wykorzystać w wykonywaniu grafiki technicznej i ilustracje z dokładnością. Składa się z edycji narzędzi, które różnią się od edycji narzędzi do obiektu. Wszelkie wyniki utworzone przez ten program stanowią dobre prezentacje dla projektów, propozycji i innych celów dla każdej linii działalności związanej z grafiką i inżynierią. Użytkownicy mogą współpracować z obrazami rastrowymi i grafiką wektorową przy użyciu tych samych obiektów bezpieczniejszych plików, kształtów rysowania, a także wstawianie skoku i wypełnień lub szerokości. Istnieje również narzędzie do dodawania tekstów lub etykiet i wymiarów formatu, a także tworzenie wykresów. Dzięki temu programowi użytkownicy mogą udostępniać gotowe projekty poprzez prezentacje lub publikacje.

ACD Systems Acdsee 15

ACD Systems Acdsee 15

ACD Systems Acdsee 15 jest organizatorem fotograficznym, widok zawiera organizator obrazu, przeglądarka i program RAW / Image Editor dla Microsoft Windows i Mac OS X 10.6 (Windows XP z dodatkiem Service Pack 2, Vista, 7 i 8; Mac OS X 10.5, 10.6 10.7 i górski lew). Został opracowany przez ACD Systems International, Inc. I pierwotnie rozpowszechniane jako 16-bitową aplikację, która została później zaktualizowana w wersji 32-bitowej. Ten minimalny wymóg sprzętu dla tego zastosowania jest procesor Intel Pentium III / AMD Athlon lub równoważny z 512 MB pamięci RAM (z 310 MB wolnej przestrzeni dyskowej twardej), wysokiego kolorowego adaptera wyświetlacza w rozdzielczości 1024 x 768 i palnika CD / DVD. ACDSEE zarządza i obsługuje pliki wideo i audio w formatach, które obejmują GIF, BMP, JPG, PNG, MP3, PSD, WAV, MPEG i TIFF. Użytkownicy mogą przeglądać, edytować, dodawać efekty i organizować kolekcje zdjęć i wideo, które można udostępniać online. Zdjęcia można zorganizować, ponieważ są importowane z aparatu lub innego urządzenia pamięci masowej. Zawiera również widok mapy i wsparcie geo-tagowanie, które umożliwiają użytkownikom przeglądanie lokalizacji obrazów z kamer z obsługą GPS. Funkcje takie jak szybkie przeglądanie, skanowanie, edytowanie i opcje tworzenia kopii zapasowych ułatwiają sortowanie zdjęć według daty i zdarzenia oraz przechowywanie kopii zapasowych na CD, DVD i Blu-ray.

Plik PNG jest obrazem rastrowym zapisanym w przenośnym formacie graficznym. Każdy rysunek PNG zawiera palety - zestaw używanych kolorów. Aby zmniejszyć rozmiar pliku, kompresja jest stosowana bez utraty jakości zgodnie z algorytmem deflacji. Używany głównie w Internecie jako obrazy dla stron internetowych. Format został zaprojektowany do zastąpienia GIF, który, oprócz jej niedociągnięć, przed 2004 r. Miał ograniczenia do użytku za darmo oprogramowanie. Nowy format. PNG rozwiązały te problemy. W szczególności wdraża wsparcie 8-bitowego kanału alfa i wspieranie głębokości kolorów do 48 bitów. W formacie GIF tylko kompletna przezroczystość i paleta kolorów jest ograniczona tylko do 256 kolorów (8 bitów). Jednak w przeciwieństwie do poprzednika ten format nie obsługuje animacji. W tym celu powstał inny format MNG. W plikach PNG jest to również niemożliwe, aby skorzystać z palety CMYK, ponieważ ten format nie jest przeznaczony do pracy profesjonalnej z grafiką. Pliki PNG można otworzyć w dowolnej przeglądarce i praktycznie w dowolnym programie, aby wyświetlić i edytować obrazy. W Plik systemu Windows. Za pomocą rozszerzenia PNG można otworzyć podwójne kliknięcie myszy.

Rozszerzenie pliku. PNG to wzór PNG. Widok i przetwarzanie obraz rastrowy W formacie PNG jest możliwe przy użyciu następujących programów: Microsoft Windows Photos, Microsoft Windows Photo Viewer, Microsoft Farba, Adobe Photoshop CC. Wymienione programy mogą konwertować obrazy, zdjęcia i rysunki tego formatu.

Plik formatu PNG otwiera specjalne programy. Aby otworzyć ten format, pobierz jeden z proponowanych programów.

Rozszerzenie PNG to format pliku używany do przechowywania obrazów bez utraty jakości. Jest to najpopularniejszy format zdjęć w Internecie specjalnie zaprojektowany do użytku w sieci.

Plik z rozszerzeniem pliku png to plik Przenośna Grafika Sieciowa.. Format wykorzystuje kompresję bez utraty i zwykle uważa się za alternatywę dla GIF. Ale w przeciwieństwie do GIF, animacja nie jest obsługiwana w plikach PNG.

Format PNG ma oba zdjęcia w odcieniach szarej i pełno kolorowych, przezroczyste warstwy są obsługiwane. Kompresja PNG jest zwykle lepsza niż używana w GIF. JPG czasami ma więcej zalet ponad PNG, ale po takiej kompresji, wady mogą wystąpić w obrazach z tekstem lub wokół regionów o wysokim kontraście.

Jak otworzyć plik PNG

Aby otworzyć pliki PNG, możesz użyć dowolnej przeglądarki online lub edytora graficznego. Oraz Windows OS Platform i Mac OS mają wbudowane mechanizmy, aby wyświetlić takie obrazy.

Do czego jest format PNG?

Program PNG - Wyświetlanie zdjęć systemu Windows Domyślnie jest często używane do otwierania plików PNG, ponieważ jest to systemowa program Windows.. Ale istnieje wiele innych sposobów na ich oglądanie.

Wszystkie przeglądarki (na przykład, Chrome, Firefox, Internet Explorer Itd.) Automatycznie wyświetlisz pliki PNG, które otwierają się w Internecie, co oznacza, że \u200b\u200bnie musisz pobierać do komputera każdego pliku PNG, który chcesz zobaczyć. Możesz także użyć przeglądarki, aby otworzyć pliki już dostępne na komputerze PNG za pomocą kombinacji. klucze Ctrl. + O. Większość z tych programów obsługuje również przeciąganie i upadek, dzięki czemu można po prostu przeciągnąć plik PNG do przeglądarki, aby go otworzyć.

Istnieją również kilka autonomicznych opcji do otwarcia takich obrazów - są to wyjątkowe edytor graficzny. Niektórzy popularne - XnView , IrfanView. , Przeglądarka zdjęć Faststone. , Dysk Google. , Oko gnomu i gthumb. Możesz użyć niemal dowolnego z wymienionych programów, aplikacji do edycji plików PNG. Farba. i Paint.net., Popularne narzędzie GIMP, a także znany Adobe Photoshop.

Konwersja png.

Pliki obrazów można konwertować różne sposoby, na przykład, konwertuj na png i z niego przy użyciu różnych programów i usługi online. Na przykład pozwala na wykonanie edytora PNG - konwerter zdjęć.

Plik obrazu, który jest przechowywany w formacie Portable Network Graphic (PNG). Zawiera matrycę bitową kolorów i wykorzystuje kompresję bez straty, w pobliżu pliku.gif, ale bez ograniczeń w kopiowaniu. Zwykle używany do przechowywania grafiki obrazu WWW.

Format PNG (czytany jako APG) został utworzony w odpowiedzi na ograniczenia format GIF.Głównie w celu zwiększenia wsparcia kolorów i zapewnia format obrazu bez licencji patentowej. Oprócz tego pliki GIF. Utrzymuj tylko nieprzezroczyste lub całkowicie przezroczyste piksele, obrazy PNG mogą zawierać 8-bitowy kanał przezroczystości, który umożliwia zmianę kolorów z nieprzezroczystej do przezroczystej.

Obrazy PNG nie mogą być animowane jako obrazy GIF. Ale związane z nimi .mng może być animowany. Obrazy PNG nie zapewniają wsparcia CMYK, ponieważ nie są one przeznaczone do użycia w dziedzinie profesjonalnej grafiki. Obrazy PNG są obsługiwane przez większość przeglądarek internetowych.

Mac OS X 10.4 i kolejne wersje Przesłano zrzuty ekranu jako pliki PNG. Ubuntu Linux. Przechowuje również zrzuty ekranu drukowania w formacie PNG.

Typ MIME: obraz / png

Pobierz program formatu PNG.

W tym artykule chcę opowiedzieć o jednym bardzo nieprzyjemne funkcje "Photoshop", który manifestuje się, zachowując przezroczyste obrazy w PNG24. Weź oryginalny obraz i skopiuj jakiś fragment w PNG24. Zrobiłem to: przy użyciu wielokątnego narzędzia Lasso przydzielonego fragmentu, skopiowany i umieszczony nowy dokument, po którym zachowałem za pomocą Save for Web:

PNG24, 456 KB

Jak odkryliśmy w pierwszej części, w PNG24, obraz, w rzeczywistości składa się z dwóch warstw: RGB zawierające dane o kolorze każdego piksela i kanału alfa z informacjami o ich przejrzystości.

PNG Format graficzny: Przetwarzanie i oglądanie

Logiczne jest założenie, że w absolutnie przezroczystych obszarach musi istnieć jeden kolor, aby bardziej skutecznie spakować obraz. Jednak to właśnie uratowałem "Photoshop" w warstwie RGB (widziałem go przez edytora morza):

A nagie oko pokazuje, że były duże fragmenty absolutnie niepotrzebnych informacji:

Jeśli nie chcesz używać innych redaktorów (na przykład, nie zauważyłem takiej niedoboru w Adobe Fireworks), proponuję prosty sposób, aby wyeliminować tę defekt w "Photoshop". Naszym zadaniem jest zastąpienie wszystkich informacji o absolutnie przezroczystych obszarach w pewnym kolorze (najlepiej czarnym, aby nie wątpić, że te obszary będą miały najmniejszą wagę w bajtach).

1. Otwórz przykład w "Photoshopie" i podświetl obraz na warstwie: Ctrl + kliknij na małym warstwie obraz w panelu warstw.

2. Przejdźmy do trybu szybkiego maski (klawisz Q).

3. Używanie obrazu → Regulacja → Próg, zostawimy tylko maski, których kolor jest czarny. Aby to zrobić, pociągnij suwak na skrajną pozycję.

4. Wyjeżdżamy z szybkiej maski (klawisz Q) i odwróć wybór → odwrotność lub Ctrl + Shift + I). Podświetlono tylko absolutnie przejrzyste piksele.

5. Wlej wybrany obszar w kolorze czarnym (metody, na przykład, poprzez edycję → wypełnij).

6. Ponownie odwracając wybór i dodać warstwę maski (ikona na palecie warstwy).

7. Teraz tworzymy Zapisz do Internetu i zobacz, jak cudownie "zagubiony" o 122 KB.

Po raz kolejny powtarzam, że wszystkie działania są bardzo wygodne zapisane w działaniach, po czym jest wykonywane za pomocą jednego naciśnięcia klawisza.

Ciąg dalszy nastąpi.

Komunikacja ze swoimi kolegami w różnych seminariach iw studiu, doszedłem do wniosku, że dla wielu jedynej zaletą formatu PNG jest obecność uczciwego przezroczystego. Jeśli szukasz informacji o tym formacie w Internecie, łatwo jest zauważyć, że deweloperzy są podzielone na dwa obozy. Pierwszy napisz o tym, jaki rodzaj formatu jest wspaniałe, działające dane czysto techniczne, niezrozumiałych koderów konwencjonalnych i projektantów (na przykład o wyższości deflacji algorytmów kompresji na LZW), inni pozostawiają komentarze z różnych stopni bzdury o bezużyteczności PNG, bez głowy nawet w istocie rzeczy opisanych w specyfikacji.

Spróbujmy dowiedzieć się, jakie zalety podają ten format, aby nauczyć się ich używać podczas przygotowywania ilustracji dla sieci.

Zacznijmy od terminologii. Zakładam, że większość czytelników korzysta z Photoshopa i spotkał się z nazwami PNG-8 i PNG-24 tam. Nie są to dwa różne formaty, ale tylko odmiany tego samego PNG. Format umożliwia przechowywanie trzech typów obrazów: Greyscale (aby opisać obraz, jeden kanał jest używany - biały), indeksowany kolor (używany kolorystyki palety, jak w GIF) i TrueColor (trzy kanały - RGB).

Najważniejszą zaletą formatu PNG jest oczywiście nowe algorytmy kompresyjne. Wszyscy pamięta, że \u200b\u200bGIF skutecznie kompresuje poziome obszary monochromatyczne? O tym ograniczeniu można teraz zapomnieć:

GIF, 2568 bajtów

PNG-24, 372 bajt

Drugą ważną zaletą jest filtrowanie ciągów (filtrowanie skanowania lub filtrów Delta), dzięki czemu Packer PNG może uzyskać znacznie wygodniejsze dane do kompresji.

Rozważmy na przykładzie, jak działają. Weź obraz 5 × 5 pikseli z poziomym gradientem i schematycznie wyświetlacz, jak można go zapisać w pliku (każdy numer jest unikalnym kolorem).

Jak widać z przykładu, enkoder GIF dałby linie kompresji, które są słabo zapakowane w poziomie (ponieważ te same kolory są dystrybuowane pionowo). Ale jak może konwertować te dane enkoder PNG:

Przed każdą linią pojawiła się cyfra 2. Jest to filtr, który został zastosowany do ciągu. W tym przypadku jest to filtr do góry, który mówi dekoder: "Dla bieżącego piksla, weź powyższą wartość pikseli i dodać bieżącą wartość do niej". W naszym przypadku jest to 0, ponieważ kolory obecnych i górnych pikseli nie różnią się. Dane te mogą być bardziej skuteczne, jeśli mamy dość duży obraz.

Dlaczego pisałem mogą? Ponieważ w naszym wyidealizowanym przypadku taki schemat byłby bardziej wydajny:

Stosuje się z filtrem 1 zwanym Sub, który mówi Dekoder: "Weź wartość pikseli na lewo od bieżącego i dodaj go bieżącą wartość". W tym przypadku 1.

Po filtrowaniu wszystkie linie (wraz z wartościami filtru) są łączone w jedną sekwencję, która jest następnie kompresowana przez deflację algorytmy (ich dyskusja jest poza zakresem tego artykułu).

Sprawdź, czy filtry działa:

Uważny czytelnik może zauważyć, że filtry mają dołączenie do całego pliku całkowicie, ale do wierszy.

Plik formatu PNG - Co to jest?

To znaczy, że każdy Ciąg może mieć jego filtr. Okazuje się, że metody filtrowania jednego obrazu mogą mieć 5 wysokości obrazu. Ogólnie rzecz biorąc, zadanie dobrej enkodera jest po prostu odebranie takich wartości filtrów, w których głośność pliku będzie minimalna. Niestety, Photoshop nie zawsze dobrze sobie radzi sobie z jego pracą, więc różne narzędzia, takie jak Optipng i Pngcrush przychodzą na ratunek, co w dużej liczbie przebiegów różne metody Filtrowanie i strategie do kompresji danych, znacznie zmniejszając objętość niektórych złożonych obrazów. Warto jednak pamiętać, że te programy nie gwarantują zmniejszenia woluminu dla każdego pliku, po prostu próbują znaleźć optymalną metodę kodowania danych.

Inny wtrysk pacjenta Photoshop za nie wiedząc, jak zapisać obrazy w trybie Greyscale, to znaczy, nie wie, jak obniżyć głębię koloru. Tutaj znajdziemy ponownie wyżej wymienione narzędzia, które, jeśli to możliwe, zmniejsz głębokość koloru, nie pogorszenia jakości obrazu.

PNG-24 (Photoshop → TrueColor), 8167 bajt.

PNG-24 (Photoshop + Optipng → Greyscale), 6132 bajt.

Zalety Greyscale nad TrueColor są oczywiste: na przykład na przykład na pierwszym przypadku jest rejestrowany (w liczbie dziesiętnej) numer 255, aw drugim - 16777215.

Teraz uzbrojony w przechowywanie wiedzy w formacie PNG, możemy zastosować je w przygotowaniu obrazów dla sieci. Jest to w następujących artykułach.

PNG (Portable Sieci Graphics) jest wymawiane jako "Ping" - format przechowywania informacji graficznej Raster za pomocą kompresji bez utraty. PNG został stworzony zarówno do poprawy, jak i zastępowania formatu GIF za pomocą formatu graficznego, który nie wymaga stosowania licencji. PNG jest standardem międzynarodowym (ISO IEC 15948: 2003) i oficjalnie zalecane W3C.

Sklepy w formacie PNG. informacje graficzne. w sprężonej formie. A ta kompresja jest wykonana bez "strat", na przykład, z standardowej JPEG (nawet przy najwyższym możliwym poziomie jakości).

Format PNG ma na celu zastąpienie przestarzałego i prostszego formatu GIF, jak również do pewnego stopnia, aby zastąpić znacznie bardziej złożony format TIFF.

Jeśli mówimy o projekcie internetowym, a następnie w porównaniu do GIF, ma następujące główne zalety:

Ulepszona kompresja: W większości przypadków rozmiar obrazu PNG jest mniej podobny w formacie GIF.
- Więcej kolorów na obrazie: praktycznie nieograniczona liczba kolorów na obrazie, podczas gdy limit dla GIF jest równy 256.
- Opcjonalne wsparcie Alpha Channel: Chociaż GIF obsługuje tylko przejrzystość binarna, PGN umożliwia osiągnięcie nieograniczonej liczby efektów przejrzystości, wspierając kanał alfa.

Jako brakuje, oczywiście zauważył brak wsparcia animacji, jak GIF. Chociaż oczywiście dla animacji i istnieje podobny standard zwany grafiką sieci wielokrotnego obrazu (MNG), ale nie jest to szeroko rozpowszechnione, a zatem nie jest obsługiwane przez masowo nowoczesne przeglądarki.