Troche teorii na temat grafiki

[yon]

Pisze ten artykuł aby ułatwić użytkownikom przygotowanie grafiki przed umieszczeniem jej na forum.

Aby przygotować grafikę potrzebujemy do tego odpowiednich narzędzi. Zbędne są tutaj skomplikowane programy graficzne. Od biedy wystarczy Paint (fu!), i Irfan viewer. Oczywiście, jeżeli ktoś ma Photoshopa albo Gimpa (darmowy!) to lepiej.

Pierwszym pytaniem na które chciałbym pomóc udzielić wszystkim odpowiedz jest, w jakim formacie zapisać grafikę. Istnieje wiele formatów, do najpopularniejszych można zaliczyć np. JPG,GIF, PNG, BMP. Każdy ma inne cechy charakterystyczne, jednak żaden z nich nie jest całkowicie uniwersalny. Postaram się opisać najbardziej popularne formaty i wskazać do jakiego rodzaju grafiki każdy z nich się nadaje.

BMP- format ten nie posiada żadnego algorytmu kompresji. Znaczy to tyle że pliki BMP będą zajmowały ogromne obszary na dysku (właściwie nie znajdziemy formatu który wygeneruje większe pliki). BMPy mają dosyć szeroką gamę możliwości: umieją być przezroczyste , półprzezroczyste (alpha 1 i 8bitowa), mogą mieć 256kolorów, 16 i 24bity. Na forum (i w całej sieci) nigdzie nie używamy tego formatu. Możemy użyć BMP w trakcie tworzenia danej grafiki (bezstratność).

JPG- jest to format posiadający kompresję stratną. Oznacza to że np. po przekonwertowaniu obrazka z BMP na JPG, ten drugi będzie wyglądał gorzej (będzie bardziej rozmyty itp). Obrazki w tym formacie można zapisywać z różnymi współczynnikami jakości. Im jest on wyższy tym lepiej wygląda grafika. Jest to bardzo wygodne, gdyż pozwala dopasować grafikę do rozmiaru (kB ) w jakiej ją potrzebujemy.
Dodatkowo JPG da się zapisać jako plik progresywny. Działa to w ten sposób że grafika nie ładuje się liniami od góry do dołu, lecz w pierwszej fazie ładuje się jako 'plama', a w kolejnych coraz bardziej się wyostrza. Tryb ten jest bardzo przydatny w internecie, gdyż już od początku ładowania się strony widzimy całą grafikę (choć na początku nie widzimy co na niej jest .
JPGi używamy do grafik w których lekkie (bądź duże) obniżenie jakości nie zaszkodzi bardzo grafice. Idealnym przykładem są tutaj zdjęcia. Nie używamy do zapisywania grafik w których ważny jest każdy pixel (np. sprajty Tibii).

PNG- format bezstratny charakteryzujący się bardzo dobrymi algorytmami kompresji (stosunkowo małe pliki). Umie zapisywać pliki zarówno w 256 i mniej kolorów jak i w 24bitach, obsługują przezroczystość i półprzezroczystość (1 i 8 bit alfa).
Format ten idealnie nadaje się do zapisywania małych grafik, w których ważny jest każdy detal. PNG zapisujemy zawsze w jak najmniejszej liczbie kolorów (znaczy tak żeby kolorów było jak najmniej a grafika wyglądała dobrze), jeżeli nasza grafika nie używa przezroczystości nie używamy jej także w PNGu (nie włączamy odpowiedniej opcji w programie).

GIF- analogicznie do PNG, jest to format bezstratny z bardzo dobrym algorytmem kompresji. W odróżnieniu od powyższego nie zapisuje on półprzezroczystości oraz umie on być max 256kolorowy (nie obsługuje 24b). Jednak za to w GIFie można zapisać również animacje.
Photoshop umie zapisywać GIF w formacie stratnym (zdaje się przerabia on grafikę w taki sposób żeby lepiej skompresowała się algorytmem GIFa). Jednak do celów forum nie polecam tej funkcji.
GIFów należy używać w takich samych sytuacjach co PNG.

Oczywiście formatów graficznych jest o wiele więcej. Jednak na potrzeby pisanego tutaj artykułu nawet nie warto o nich wspominać Spokojnie można sobie poradzić bez wiedzy na ich temat.

Zatem, podsumowując, wybierając format dla danej grafiki musimy mieć na uwadze 2 rzeczy:
-wielkość zapisanej grafiki (w kB )
-jakość

Zatem, jeżeli mamy grafiki 32x32 pixele to nie kompresujmy jej formatem stratnym (JPG), i tak bedzie zajmowała malutko (bo sama jest mała), natomiast niejeden użytkownik będzie ją oglądał w powiększeniu 10x albo i więcej. Analogicznie, jeżeli wlepiamy na forum zdjęcie swojego muskułu (albo innej części ciała hehe , używamy formatu stratnego (JPG). Wszak nikt nie będzie się temu przyglądał w powiększeniu (no, może z wyjątkami ), a takie zdjęcie jest zwykle bardzo duże (inaczej wyżej wymieniona część ciała nie zmieściłaby się w kadrze ).

Ostatni akapit pozostawiłem na kwestie Screen Shotów z Tibii. Obraz akcji w tej grze ma około 470 na 350 pixeli, zatem 'fotografowanie' w większych podziałkach mija się z celem. Klient Tibii działa w taki sposób że bierze tą grafikę 470x350 i powiększa, a to wiąże się ze stratą jakości i nie wnosi do tej grafiki nic nowego (inaczej jest na przykład jest w grach 3d gdzie większa rozdzielczość oznacza lepszą grafikę). Najlepiej (przynajmniej o ile chcesz być zawodowym 'fotografem') ustawić opcję w menu tibii 'don't stretch/shrink the map' w 'advenced graphics options'.
Jeżeli już mamy większe SS to można pobawić się z przeskalowaniem pola akcji. Jednak pamiętajmy że elementy HUDu (ekwipunek, imiona itp) są zawsze tej samej wielkości i nie mogą być przez nas skalowane (przestana być widenty z wersji z przed zmniejszania. Wiem że wygląda to na bardzo niewygodną metodę (i taką jest . Zatem noczne/stracą szczegóły). Zatem po operacji zmniejszania musimy odpowiednio dokleić te elemajlepiej jest robić SS od razu we właściwej wielkości.
Co zyskujemy? To że jak ktoś będzie chciał obejrzeć twoje SS na forum poczeka 10 sekund zamiast 2minut zanim wszystko się załaduje


Ufff, mam nadzieję że mój krótki artykuł będzie dla was przydatny i zrozumiały (z tym będzie gorzej jak myślę
ps. Jak się będzie podobało to.. ciąg dalszy nastąpi
ps2. nie bijcie

[Gewof]

Ladnie Yon, ladnie... czekam na dalsza czesc z ktorej mam nadzieje nauczysz nas jak rysowac jakies obrazki

[Adamsik]

Świetny poradnik
Widać że mamy przed sobą fachowca.
Tak jak to powiedzial Gewof - Czekamy az nauczysz nas rysowac

[Dan the Automator]

Evul " Jak Matkus naprawi skrypt to temat bedzie widoczny na stronie
Nowości dopisuj w pierwszym poście~

[Senadex]

Super czekam na dalsze częsci.

[Vanhelsen]

Gratz, masz odemnie plusika , czekam na kolejne części poradnika.

[marcinszyl]

No to jakjestes taki mądry to powiedz jak w gimpie przycieniować wybrany obszar.

[MatKus]

Yon : nie chciał bym pouczać grafika takiego jak ty, ale... BMP nie obługuje przezroczystości, ani tym bardziej kanału alpha.
Owszem, wiele programów pozwala ustawić przezroczystośc, jednak na 99.9% będzie to wyglądało tak, że wszystko, co jest w kolorze, jaki ma ostatni pixel (prawo/dół) będzie wycięte. (taki myk niekiety też w JPG sie stosuje, ale tam, ze względu na stratę jakości, średnio to wychodzi)
Co do zaś samego kanału alpha, to sam format BMP nie przewiduje go. Owszem, ktoś wpadł na pomysł, że skoro w obrazkach w 16M kolorów każdy pixel zapisywany jest na 4 bajtach, a wykorzystywane jest 3 bajty, to na 4 bajcie można zapisać kanał alpha, ale nie ejst to zgodne z samym standardem i większość programów po prostu oleje te informacje.

Po za tym drobniutkim szczególikiem nie mam zastrzeżeń. Miło by było, jak by użytkownicy nie wstawiali obrazków BMP na forum ani nie wysyłali mi ich mailem, bo to naprawdę wkurzające i bezsensowne szczególnie jak akurat sprawdzam pocztę w domu na zwykłym modemie płacąc za każdy impuls.