Επιλογή του σωστού τύπου συμπίεσης εικόνας

Γενικά θέματα και ερωτήσεις σχετικά με τα προγράμματα επεξεργασίας εικόνας, video και ήχου.

Συντονιστές: Super-Moderators, Graphics Moderators

Απάντηση
Άβαταρ μέλους
martkonsta
Honorary Member
Δημοσιεύσεις: 579
Εγγραφή: 23 Σεπ 2006 11:54
Τοποθεσία: Βέροια,Βόλος
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από martkonsta » 14 Μαρ 2009 10:56

Σε αυτό το βοήθημα θα ήθελα να αναφερθώ στα διαφορετικά formats εικόνων που υπάρχουν.Θα συγκεντρώσουμε την προσοχή μας στα 4 σημαντικότερα που υπάρχουν στο διαδίκτυο.BMP,GIF,JPG,PNG.

Πρώτα απ'όλα πρέπει να δούμε πως διαλέγουμε το format που θέλουμε.Κακή ποιότητα και βαρύ σαν εικόνα ή καλή ποιότητα και ελαφρύ;Πάντοτε πρέπει να κοιτάμε τα εξής όταν επιλέγουμε
  • Ποιότητα
  • Μέγεθος
  • Ταχύτητα φόρτωσης
  • Διαφάνεια
ΠΡΟΣΟΧΗ!!!Όταν θέλουμε να αλλάξουμε format δεν αλλάζουμε την κατάληξη.Απλώς τα σώζουμε σε άλλη μορφή μέσω ειδικών προγραμμάτων.Εγώ χρησιμοποιώ το Photoshop ;)

Περιγραφή format

BMP:Εξαιρετικό από άποψη ποιότητας.Υποστηρίζεται απ'όλα τα προγράμματα που κυκλοφορούν.Δεν χρησιμοποιείται στο διαδίκτυο λόγω της έλλειψης συμπίεσης.Αυτό όμως σημαίνει παράλληλα πολλές πληροφορίες για τα χρώματα.Με λίγα λόγια,αποφεύγουμε να το χρησιμοποιούμε στο διαδίκτυο επειδή η ταχύτητα φόρτωσης είναι μεγάλη.Για εικόνες που έχουμε στο PC μας όμως είναι ΟΚ.

GIF:Χρησιμοποιείται συχνά για webdesign και είναι αρκετά καλό format.Αλλά έχει ένα σημαντικό μειονέκτιμα.Υποστηρίζει μόνο 256 χρώματα πράγμα αρνητικό στα γραφικά με αρκετά χρώματα.Οπότε χρησιμοποιείται κυρίως για απλές εικόνες.Ένα από τα θετικά του είναι ότι μπορούν οι εικόνες να περιέχουν διαφάνεια.Αλλά δεν θα το πρότεινα για χρήση όταν θέλουμε κανονική εικόνα με διαφάνεια.

JPG:Η χρήση του είναι κυρίως στις φωτογραφικές μηχανές λογώ του ότι τα χρώματά του φτάνουν τα 16,7 εκατομμύρια.Υπάρχουν και site που το χρησιμοποιούν στο design τους αλλά δεν θα το πρότεινα.Για ένα review όμως είναι ό,τι πρέπει.

PNG: Χρησιμοποιείται κυρίως για webdisign.Τo PNG είναι η βελτιωμένη έκδοση του GIF και υποστηρίζει 24 bit χρώματα(24^8 ).Τα αρχεία PNG δεν έχουν μεγάλο μέγεθος και χρησιμοποιούν καλύτερο αλγόριθμο από τον προκάτοχο τους για την απόδοση της διαφάνειας.Από τα καλύτερα formats κατά την γνώμη μου.

Και ένας πίνακας για να κάνετε την σύγκριση.

Format Μέγεθος με σχεδόν ίδια ποιότητα
BMP (8-bit) 36.0 kb
BMP 8-bit (RLE) 24.2 kb
JPG Q. 10-12 32.3 kb
GIF 13.2 kb
PNG (24-bit) 17.5 kb

Επίλογος:
  • Webdesign με λίγα χρώματα = GIF
  • Webdesign με πολλά χρώματα = PNG
  • Webdesign με διαφάνεια = PNG
  • Φωτογράφος = JPG High quality/RAW ή πιθανά BMP
  • Normal person = Ό,τι θέλετε.
Εικόνα

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από dimsis » 14 Μαρ 2009 15:27

Μπράβο πολύ καλό το κείμενο σου.
Για την ιστορία άνθηση γνώρισε το PNG πρότυπο όταν άρχισε η Unisys να ζητάει δικαιώματα για τον αλγόριθμο συμπίεσης του GIF format, πράγμα που ξεσήκωσε αρκετό κόσμο που ακόμα και σήμερα πολλοί προτρέπουν να ΜΗΝ χρησιμοποιούμε καθόλου GIF εικόνες.
Από την άλλη ένα ακόμα θετικό των GIF εικόνων είναι η δυνατότητα τους να περιλαμβάνουν κίνηση (στην ουσία είναι πολλές εικόνες μαζί που εναλλάσσονται), τα γνωστά μας animated GIFs.
Παράδειγμα:
Εικόνα Εικόνα

ή ακόμα και τα smilies / emoticons που πετυχαίνουμε στα sites όπως και εδώ: :kaloe: :hammer:

Άβαταρ μέλους
EkLekTos
WebDev Moderator
Δημοσιεύσεις: 7421
Εγγραφή: 07 Απρ 2005 15:44
Τοποθεσία: Inside the Effects
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από EkLekTos » 14 Μαρ 2009 16:03

Ωραίος martkonsta ;)

Επίσης οι εικόνες TIFF που είναι για εκτύπωση μεγάλων διαστάσεων ...
* Apple Technical Support Specialist *
* Apple Sales & Product Professional Certificate since 2011 * Εικόνα
Follow me @Twitter

Άβαταρ μέλους
martkonsta
Honorary Member
Δημοσιεύσεις: 579
Εγγραφή: 23 Σεπ 2006 11:54
Τοποθεσία: Βέροια,Βόλος
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από martkonsta » 14 Μαρ 2009 16:04

Δεν μπορώ να καταλάβω όμως γιατί δεν ενσωματώνεται η κίνηση και σε άλλα πρότυπα και μόνο το GIF έχει αυτήν την δυνατότητα ;)
Εικόνα

Άβαταρ μέλους
geraki
Honorary Member
Δημοσιεύσεις: 1404
Εγγραφή: 26 Ιαν 2004 20:10
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από geraki » 15 Μαρ 2009 03:26

Θέμα φιλοσοφίας. Όταν κάποιος μιλάει για μορφή εικόνας, εννοείται ότι περιέχει μια εικόνα. Οι αλληλουχία εικόνων ουσιαστικά είναι βίντεο, άσχετα με το ότι το gif επιτρέπει κάτι τέτοιο.
Υπάρχουν και άλλοι τύποι που υποστηρίζουν κίνηση, το θέμα είναι η συμβατότητα με τις εφαρμογές: MNG, PNG, και φυσικά τα διανυσματικά SVG και flash.

Να μια εικόνα animated PNG που παίζει σε Firefox και Opera (αλλά φυσικά όχι σε ΙΕ):
Εικόνα

Διαφωνώ πάντως με το tutorial: Η κατάλληλη μορφή αποθήκευσης μιας εικόνας εξαρτάται κατά πρώτο λόγο από το τι δείχνει, κατά δεύτερο από το πως θα την χρησιμοποιήσουμε και πολύ στο τέλος το "μέγεθος" που θέλουμε. Το "λίγα χρώματα"/"πολλά χρώματα" είναι τόσο απλοϊκό που μπορεί να παρανοηθεί. Φυσικά και θα χρησιμοποιήσει κάποιος JPG σε webdesign αν η εικόνα που θα χρησιμοποιήσει είναι φωτογραφία και όχι ένα απλό γραφικό. Όπως και το να χρησιμοποιήσει GIF αντί PNG απλά επειδή "έχει λίγα χρώματα" δεν τον ωφελεί σε κάτι, το ίδιο μέγεθος και ποιότητα εικόνας θα έχει και σε PNG.
Εικόνα ← Αυτό το έκλεψα απ'τον Eneme.


Άβαταρ μέλους
martkonsta
Honorary Member
Δημοσιεύσεις: 579
Εγγραφή: 23 Σεπ 2006 11:54
Τοποθεσία: Βέροια,Βόλος
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από martkonsta » 15 Μαρ 2009 15:55

Δηλαδή μέσα από το photoshop μπορείς να κάνεις ένα κινούμενο png.Σωστά??
Εικόνα

Άβαταρ μέλους
Zizo
Honorary Member
Δημοσιεύσεις: 2256
Εγγραφή: 29 Οκτ 2006 03:21
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από Zizo » 16 Μαρ 2009 00:07

Συμφωνώ με τον geraki
Το μόνο δύσκολο μου φάνηκε ο τύπος .gif :/
Ακόμα δεν μπόρεσα να βγάλω ένα μέτριο animation
ή θα είναι αρκετά μεγάλο για να πάρει και 1 λεπτό ίσος να το φορτώσει σε μια σελίδα ή θα έχει κακή ποιότητα (μιλάω ώμος για animation κάποιον δευτερολέπτων, όπως 10, που έχω δει κάτι τέτοιο και φόρτωνε κατευθείαν)

νομίζω το θέμα είναι να καταφέρεις να χειριστείς τα χρώματα, βάλε στόχο για λιγότερα χρώματα ώστε να πιάνει λιγότερο μέγεθος, και φυσικά αποθικευσέτο να έχει λιγότερα χρώματα
Εικόνα
What you waiting for?

Άβαταρ μέλους
cpulse
Script Master
Δημοσιεύσεις: 1527
Εγγραφή: 21 Μαρ 2006 19:30
Τοποθεσία: Αθήνα village
Επικοινωνία:

Επιλογή του σωστού τύπου συμπίεσης εικόνας

Δημοσίευση από cpulse » 01 Απρ 2009 21:48

Μια ακόμα λογική για να παίρνει κανείς αποφάσεις είναι να ξεχωρίσει οτι τα GIF και PNG λειτουργούνε με παλέτα χρωμάτων, ενώ τα JPG όχι. Δηλαδή πρακτικά, αν μια εικόνα έχει 2 ή 3 χρώματα επιλέγουμε να την κωδικοποιήσουμε σε GIF ή PNG γιατί έτσι θα μας βγεί μικρότερη σε μέγεθος. Αν έχει ντεγκραντέ ή γενικά πάρα πολλά χρώματα τότε τα JPG είναι που βγάζουν τα μικρότερα μεγέθη.

Επίσης για τα TIFF, η συμπίεση τους είναι συνήθως lossless. Κάτι που οι γραφίστες δεν έχουν ξεκάθαρο στο μιαλό τους είναι οτι υπάρχουν συμπιέσεις που χάνεται λίγο η ποιότητα προκυμένου να κερδίσουμε σε μέγεθος (lossy) και οι συμπιέσεις που δεν χάνετε ούτε bit (lossless).

Lossy formats είναι τα jpg, gif, png. Lossless formats είναι τα zip, rar, gz. Οι εικόνες TIFF συμπιέζουν το περιεχόμενο τους με zip. Έτσι δεν χάνουν ποιότητα και γι αυτό τα προτειμούμε για offset και άλλες δραστηριότητες εκτώς web.

Απάντηση

Επιστροφή στο “επεξεργασία εικόνας, video & ήχου - γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης