Forum forumweb.pl Strona Główna  
Oficjalne forum serwisu: kurshtml.boo.pl
Konkurs
Konkurs
   Regulamin
Regulamin
   FAQ
FAQ
   Szukaj
Szukaj
   Użytkownicy
Użytkownicy
   Grupy
Grupy
   IRC/czat
IRC/czat
   Facebook
Facebook
   Rejestracja
Rejestracja
 
Zmień swój profil  ::  Zaloguj się, by sprawdzić wiadomości  ::  Zaloguj



Zobacz następny temat
Zobacz poprzedni temat
Odpowiedz do tematu  Forum forumweb.pl Strona Główna » Porady i tutoriale
Autor Wiadomość
loobieto
Użytkownik



Dołączył(a): 07 Lut 2010
Posty: 2
Post Wysłany: 07.02.2010 19:40
[grafika] Szybka i wygodna kompresja plików graficznych
Zacytuj zaznaczone   ^

W większości na stronach internetowych możemy zobaczyć różnorodne grafiki, stosowane do urozmaicenia przekazu, zachęcenia do dalszego przeglądania serwisu. Gdy odwiedzający mają powolne łącze lub mamy za wolny serwer z dużą ilością obrazków, przyjemność z surfowania na naszej stronie spada i w najgorszym przypadku gość opuszcza naszą stronę. Można temu zapobiec stosując bezstratną kompresję lub optymalizację już istniejącej grafiki. Najlepszymi formatami na potrzeby stron html są .jpeg i .png. Jpeg — do zdjęć, PNG do banerów, przycisków, schematów, wykresów czy zrzutów ekranu. GIF jest przestarzały — można stosować tylko 256 kolorów i 1 kolor przezroczystości; zastępuje go właśnie PNG — można (lecz nie trzeba!) stosować 24bit paletę kolorów i kanały alpha.

Zajmiemy się głównie formatem PNG, chociaż sposób opisany poniżej dotyczy także JPG (o tym później). Oczywiście omawiana kompresja nie wpływa na jakość sprzed kompresji!
Konieczne lektury do przeczytania (teoria):

Ważne cytaty które powinniśmy wziąć sobie do serca:
Cytat:
Dobrze zapisane grafiki PNG są prawie zawsze mniejsze od GIF.
Cytat:
Photoshop (szczególnie wersje przed CS) generuje pliki PNG zawsze większe od GIF. Jakby tego było mało to Photoshop i GIMP udają, że format PNG 256—kolorowy z kanałem alpha nie istnieje. Z tego powodu wiele osób zraziło się do tego formatu i uznało, że jest w praktyce bezużyteczny.


Do roboty!
Potrzebujemy do tego systemu operacyjnego Windows XP (nie testowałem innych), kilka obszernych obrazków w jednym katalogu i chwilę czasu. Cała sztuczka polega na użyciu bardzo niepopularnych wśród projektantów programów konsolowych. Nie bój się, użyjemy do tego bezobsługowego skryptu, który wykona za nas całą pracę!


  1. Pobieramy paczkę
  2. Instalujemy pakiet
  3. Do katalogu z obrazkami umieszczamy skrypt
  4. Uruchamiamy go
  5. Cieszymy się mniejszymi plikami.


Jak to działa?
  • Z plików jpg usuwa niepotrzebne dane EXIF
  • Konwertuje pliki GIF oraz BMP na format PNG (jednocześnie je kompresując)
  • Kompresuje pliki PNG przy użyciu zaawansowanych algorytmów


Proste?
Pochwalcie się wynikami. W niektórych przypadkach różnica w wielkości może dojść do 40%.

Możesz wykorzystać ten poradnik w dowolnym celu. Licencja Creative Commons: Uznanie autorstwa.
 
  
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email  
 
 
 
 
 
 
 
 
OperaWinXP1024x768
Luke
Recenzent
Luke

Płeć: Mężczyzna
Wiek: 17
Dołączył(a): 19 Lut 2009
Posty: 468
Pomocy: 13
Skąd: Szczecin
Post Wysłany: 07.02.2010 21:03
Zacytuj zaznaczone   ^

A to nie lepiej zrobić konwersję seryjną IrfanView-em? Prosto, szybko i wygodnie.

Licencja mojego poradnika: Creative Commons Smile
 
  
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora  
Numer Gadu-Gadu
11119782
 
 
 
 
 
 
 
 
FirefoxWinXP1280x800
CapaciousCore
Użytkownik
CapaciousCore

Płeć: Mężczyzna
Wiek: 21
Dołączył(a): 30 Sty 2009
Posty: 3998
Pomocy: 164
Skąd: Chełm
Post Wysłany: 07.02.2010 22:55
Zacytuj zaznaczone   ^

Luke mam pytanie Very Happy zrobisz konwersje reczna ponad 30k plikow graficznych IrfanView?
 

_________________
PHP Freelancer / falowniki
  
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora  
 
 
 
 
 
 
 
 
OperaWinXP1440x900
Luke
Recenzent
Luke

Płeć: Mężczyzna
Wiek: 17
Dołączył(a): 19 Lut 2009
Posty: 468
Pomocy: 13
Skąd: Szczecin
Post Wysłany: 08.02.2010 16:36
Zacytuj zaznaczone   ^

Luke napisał(a):
lepiej zrobić konwersję seryjną

 
  
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora  
Numer Gadu-Gadu
11119782
 
 
 
 
 
 
 
 
FirefoxWinXP1280x800
Igor
Użytkownik
Igor


Płeć: Mężczyzna
Wiek: 19
Dołączył(a): 31 Sty 2009
Posty: 1438
Pomocy: 51
Skąd: Warszawa
Post Wysłany: 08.02.2010 20:19
Zacytuj zaznaczone   ^

eee tam ....

najlepsze są konsolowe pngnq i pngcrush ... oczywiście mowa o png... do innych formatów też pewnie są odpowiedniki, ale nie używam właściwie inncy formatów... sporadycznie... a jak zdjęcia obrabiać masowo to phatch jest do tego bardzo fajny Smile Smile
 

_________________
Phasmida.pl - straszyki! | Forum - straszyki! |
http://igor.phasmida.pl - moje strony w jednym miejscu!
  
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora  
 
 
 
 
 
 
 
 
ChromeUbuntu1280x1024
loobieto
Użytkownik



Dołączył(a): 07 Lut 2010
Posty: 2
Post Wysłany: 09.02.2010 17:29
Zacytuj zaznaczone   ^

Igor napisał(a):
eee tam ....

najlepsze są konsolowe pngnq i pngcrush


pngnq i owszem Wink
dithering bardzo dobry...

pngcrush - w paczce jest optipng który jest na bazie pngcrush więc bez różnicy.
 
  
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email  
 
 
 
 
 
 
 
 
OperaWinXP1024x768
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Szybka odpowiedź
Kod potwierdzający
Użytkownik
Temat
Very Happy Smile Sad Surprised Shocked Confused Cool Laughing Mad Razz Embarassed Crying or Very sad Evil or Very Mad Twisted Evil Rolling Eyes Wink Exclamation Question Idea Arrow Neutral Mr. Green + - *
  

  Zamknij Tagi
 
 

Zobacz następny temat
Zobacz poprzedni temat
Nie możesz pisać nowych tematów
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach

RSS Przełącz do wersji mobilnej

[trening.net.pl]
[www.olympiquem.pl] [www.anno.xon.pl]
Powered by phpBB © 2001, 2005 phpBB Group
Uruchamianie kodu dzięki Sphere Research Labs w ramach ideone.com
Style created freely by Cyber-MX :: Modified by logeen :: Sponsor: Biuro Rachunkowe
katalog stron
katalog stron
kbkteam.net
bajkar

www.bajkar.sitpchem…
Klimatyzacja
Clima Cool
www.climacool.pl
systemy CMS
Profesjonalne systemy CMS !
www.govern.pl
Sklep odżywki
Sklep odżywki
www.megapower.pl