Απορία για τους φυλλομετρητες

Βοήθεια και προτάσεις για το καλύτερο πρόγραμμα επεξεργασίας εικόνας, και γραφικών.

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

Απάντηση
elenia
Δημοσιεύσεις: 46
Εγγραφή: 04 Ιουν 2008 18:56
Τοποθεσία: Κεφαλονιά

Απορία για τους φυλλομετρητες

Δημοσίευση από elenia » 29 Ιαν 2009 18:37

Καλησπέρα σας....
φτιάχνω μια εικόνα που αποτελείται απο μια γραμματοσειρά που δεν υποστηρίζεται απο τους φυλλομετρητές για να την ανεβάσω ως heading στην ιστοσελίδα που φτιάχνω. Επίσης χρησιμοποιώ απο το blending option το emboss (για να έχει σκίαση κ.α.) και την αποθηκεύσω στο save for web and design. Εκεί δημιουργούνται τα προβλήματα... φαινονται μια μουτζούρα τα blending options... και φυσικά στην ιστοσελίδα...
μονο αν την κάνω save σαν png-24 δεν υπάρχει προβλημα αλλά ξέρω οτι δεν υποστηρίζεται απο πολλούς browser, σωστά;;;


Πρέπει πάντα να αποθηκεύπουμε τέτοιου είδους γραφικά ως web and design για να τα ανεβάσουμε σε ιστοσελίδες ή αρκεί και το save as;

Μετά, στο deamweaver την καλώ και την τοποθετώ πάνω απο το bg. Το σαφάρι μου δείχνει όλα τα extensions (jpg, gif, png) το mozzilla όμως οχι, παρά μόνο το png (προσοχή για την εικόνα μόνο με blending options...) τις άλλες π.χ. με extension gif, δεν έχει πρόβλημα...

Τι να κάνω αν φυσικά σας έδωσα να καταλάβεται το πρόβλημα μου...
θέλω να χρησιμοποιώ τα blending options...
ευχαρισ΄τω
ελενη

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Απορία για τους φυλλομετρητες

Δημοσίευση από patriot » 30 Ιαν 2009 03:56

Γειά σου Ελένη! Θα σου απαντήσω ένα-ένα όλα σου τα ερωτήματα για να καλύψω όσο ποιο πολλές απορίες σου μπορώ. Δυστυχώς τα νέα δεν είναι και τόσο ενθαρρυντικά....
elenia έγραψε:φτιάχνω μια εικόνα που αποτελείται απο μια γραμματοσειρά που δεν υποστηρίζεται απο τους φυλλομετρητές για να την ανεβάσω ως heading στην ιστοσελίδα που φτιάχνω.
Έχεις τις εξής λύσεις γι' αυτό:

1) Αλλάζεις γραμματοσειρά (όμως, δεν κατάλαβα... μια εικόνα είναι μια εικόνα. Δεν χρειάζεσαι γραμματοσειρές στο internet. Ή το ένα θα έχεις ή το άλλο.... δηλ ή εικόνα που δεν έχει πρόβλημα γραμματοσειράς, η γραμματοσειρά που έχει προβλήματα αλλά δεν είναι εικόνα....)

2) Φτιάχνεις την σελίδα σου όπως θες (με αντίκτυπο βέβαια να μην μπορούν να την δουν όλοι σωστά) αλλά κάπου προσθέτεις ένα link με το αρχείο αυτής της γραμματοσειράς για να μπορούν όλοι να αποκτήσουν την δυνατότητα να το δουν σωστά αφού το κατεβάσουν πρώτα. Βαρετό βέβαια (ελάχιστοι θα το κάνουν) αλλά είναι μια λύση....

3) Φτιάχνεις αυτό που θες σε εικόνα και οι χρήστες βλέπουν την εικόνα. Έτσι δεν χρειάζεται να κατεβάσουν την γραμματοσειρά ή να δουν άσχημα την σελίδα. Δυστυχώς υπάρχουν συνέπειες. Η εικόνα θα καθυστερεί την σελίδα να φορτώσει τόσο, όσο είναι το μέγεθος της εικόνας. Δεν σε συμφέρει επίσης, εκτός αν είναι μικρή η εικόνα....
Επίσης χρησιμοποιώ απο το blending option το emboss (για να έχει σκίαση κ.α.) και την αποθηκεύσω στο save for web and design. Εκεί δημιουργούνται τα προβλήματα... φαινονται μια μουτζούρα τα blending options... και φυσικά στην ιστοσελίδα...
Είναι επειδή χαλάει η ποιότητα. Όσο ποιο καλή ποιότητα βάλεις (δηλ όσο λιγότερο συμπιέσεις την εικόνα όταν την κάνεις save) τόσο ποιο όμορφο θα φαίνεται. Δυστυχώς όταν το κάνεις αυτό θα κάνεις την εικόνα μεγαλύτερη δηλ θα αντιμετωπίσεις το πρόβλημα Νο3 ποιο πάνω....
μονο αν την κάνω save σαν png-24 δεν υπάρχει προβλημα αλλά ξέρω οτι δεν υποστηρίζεται απο πολλούς browser, σωστά;;;
Σε όλους τους browsers εμφανίζεται σωστά, εκτός από τον explorer και αυτό μόνο όταν η εικόνα είναι transparent (διαφανής). Αυτό το πρόβλημα λύνεται όμως με λίγο κώδικα js (javascript). Το θέμα είναι αν θες να βάλεις js στην σελίδα σου. Πολλοί το αποφεύγουν ο καθένας για διαφορετικό λόγο:

1) Βαραίνει την σελίδα (πολυ-πολύ-πολύ-πολύ-πολύ λιγότερο από την εικόνα! ΔΕΝ μπορούν να συγκριθούν καν!!)
2) Πολλοί χρήστες την έχουν απενεργοποιημένη.
Πρέπει πάντα να αποθηκεύπουμε τέτοιου είδους γραφικά ως web and design για να τα ανεβάσουμε σε ιστοσελίδες ή αρκεί και το save as;
Τις εικόνες συνήθως τις κάνουμε "web safe colors" δηλ τα χρώματα που "αντέχει" το internet. Όχι ότι δεν αντέχει περισσότερο, απλά καλό είναι να βάζουμε λίγα χρώματα για καλύτερο φόρτωμα των σελίδων. Δεν υπάρχει κάποιος κανόνας που να λέει ότι απαγορεύεται κάτι λιγότερο ή κάτι περισσότερο. Βάλε ότι θες.
Μετά, στο deamweaver την καλώ και την τοποθετώ πάνω απο το bg. Το σαφάρι μου δείχνει όλα τα extensions (jpg, gif, png) το mozzilla όμως οχι, παρά μόνο το png (προσοχή για την εικόνα μόνο με blending options...) τις άλλες π.χ. με extension gif, δεν έχει πρόβλημα...
Με μπέρδεψες.... ΠΟΥ σου δείχνει το safari όλα τα extensions; Και που ο Mozilla; Αυτά είναι προγράμματα περιήγησης στο internet (surfing) όχι επεξεργασίας γραφικών....
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Απορία για τους φυλλομετρητες

Δημοσίευση από EneMe » 30 Ιαν 2009 09:23

Nα υποθέσω ότι το background της εικόνας με τα γράμματα είναι διάφανο;

Αν ναι, προσπάθησε να το αποφύγεις και ενσωμάτωσε τα γράμματα σττην εικόνα του background.

elenia
Δημοσιεύσεις: 46
Εγγραφή: 04 Ιουν 2008 18:56
Τοποθεσία: Κεφαλονιά

Απορία για τους φυλλομετρητες

Δημοσίευση από elenia » 30 Ιαν 2009 09:25

Patriot σε ευχαριστώ για την απάντηση σου...
σου ανεβάζω την εικόνα (κανονικά είναι heading-εικόνα) αυτή που έφτιαξα...
αυτή η επικεφαλλίδα ( το background δυστυχώς είναι transparent και τοποθετημένο σε μπλε φόντο....) αν παρατησήσεις έχει λίγο drop shadow (σαν σκίαση)... είναι png διότι όταν την έκανα save for web and design στο παράθυρο του optimized, πριν το κάνω save το έβλεπα σαν μουτζούρα, εκτός αν είναι png, τότε φαίνονται όλα καθαρά...
και ναι θα ήθελα να το βλέπουν χρήστες με IE...

εύχομαι να σου έδωσα να καταλάβεις...
Συνημμένα
Picture 1.png

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Απορία για τους φυλλομετρητες

Δημοσίευση από EneMe » 30 Ιαν 2009 09:35

elenia έγραψε:( το background δυστυχώς είναι transparent και τοποθετημένο σε μπλε φόντο....)
Αυτό που είπα είναι!

Κάνε την ίδια εικόνα με background το ίδιο μπλε που έχει και το αντίστοιχο φόντο.

Με αυτό τον τρόπο ακόμα κι ένα μέσης ποιότητας jpg θα σε καλύψει!

elenia
Δημοσιεύσεις: 46
Εγγραφή: 04 Ιουν 2008 18:56
Τοποθεσία: Κεφαλονιά

Απορία για τους φυλλομετρητες

Δημοσίευση από elenia » 30 Ιαν 2009 16:45

σας ευχαριστώ...
άρα αν είναι με bg και όχι διάφανο καλύτερα να το ανεβάσω σαν jpg ή gif για το διαδύκτιο;
πρέπει πάντα τις εικόνες/γραφικά (όπως στο ανω) να αποθηκεύονται ως save for web and device ή μπορώ και το save as?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Απορία για τους φυλλομετρητες

Δημοσίευση από korgr » 30 Ιαν 2009 17:10

Συγνώμη αλλά κάτι πρέπει να κάνεις τραγικά λάθος.
Το θέμα που δημοσιεύεις ειναι απίστευτα απλό και θα επερεπε να βγαινει καθαρό το shadow ακομα και σε gif και σε jpg
Αν επιμένεις όμως να κρατήσεις το shadow σε transparent bg τοτε το png ειναι μονοδρομος!

Τελος διαφωνω καθετα με το "Πολλοι εχουν απενεργοποιημενη την js"
Ειναι αποδεδειγμενα μολις το 5% και καθε χρονο μειώνεται το ποσοστό!

elenia
Δημοσιεύσεις: 46
Εγγραφή: 04 Ιουν 2008 18:56
Τοποθεσία: Κεφαλονιά

Απορία για τους φυλλομετρητες

Δημοσίευση από elenia » 30 Ιαν 2009 17:20

korgr δλδ εννοείς οτι εάν δεν χρησιμοποιώ transparent, δεν θα έχω κανένα πρόβλημα, σωστά;
και αυτό συστήνεις σωστά;

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Απορία για τους φυλλομετρητες

Δημοσίευση από korgr » 30 Ιαν 2009 18:57

Σωστά! :D

Απάντηση

Επιστροφή στο “Adobe Photoshop, illustrator”

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

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