Html5 – καμβά, drawImage () τραβάει θολή εικόνα

Περίληψη:

1. Το ζήτημα προκύπτει κατά την κατάρτιση μιας εικόνας σε έναν καμβά.
2. Η εικόνα εμφανίζεται θολή και εικονοστοιχεία παρά τη ρύθμιση του μεγέθους του καμβά.
3. Αυτή η θολότητα οφείλεται σε αντι -ψευδώνυμα.
4. Για να το διορθώσετε, ρυθμίστε την ιδιότητα ImagesMoothingEnabled σε False.
5. Επιπλέον, ίσως χρειαστεί να προσθέσετε προθέματα προμηθευτή για συμβατότητα του προγράμματος περιήγησης.
6. Εάν επαναλάβετε την εικόνα, μπορείτε να ρυθμίσετε ανάλογα το μέγεθος του καμβά.

Βασικά σημεία:

• Η εικόνα είναι αρχικά καθαρή και τραγανή.
• Όταν τραβηχτεί στον καμβά, γίνεται θολή και pixelated.
• Η ιδιότητα ImagesMoothingEnabled θα πρέπει να ρυθμιστεί σε ψευδή.
• Τα προγράμματα περιήγησης ενδέχεται να απαιτούν προθέματα προμηθευτή για συμβατότητα.
• Εάν χρησιμοποιούν περιορισμούς CSS, ενδέχεται να επηρεάσουν την απόδοση του καμβά.

Ερωτήσεις:

1. Γιατί η εικόνα φαίνεται θολή στον καμβά?

Η θολότητα οφείλεται σε αντι -ψευδώνυμα. Ο καμβάς εφαρμόζει αντι -ψευδώνυμα από προεπιλογή, με αποτέλεσμα μια θολή εικόνα.

2. Πώς μπορώ να διορθώσω την θολότητα?

Μπορείτε να διορθώσετε την θολότητα, ρυθμίζοντας την ιδιότητα εικόνων που έχουν χρησιμοποιηθεί από το πλαίσιο του καμβά σε ψευδές.

3. Υπάρχει κάτι άλλο που πρέπει να κάνω για να διορθώσω την θολότητα?

Σε ορισμένες περιπτώσεις, ίσως χρειαστεί να προσθέσετε προθέματα προμηθευτή για να εξασφαλίσετε τη συμβατότητα του προγράμματος περιήγησης. Επιπλέον, εάν επαναλάβετε την εικόνα, ίσως χρειαστεί να ρυθμίσετε ανάλογα το μέγεθος του καμβά.

4. Τι συμβαίνει αν δεν ορίσω εικόνες?

Εάν δεν απενεργοποιήσετε τις εικόνες που βρίσκονται σε σχέση.

5. Τι γίνεται αν χρησιμοποιώ περιορισμούς CSS για τον καμβά?

Εάν χρησιμοποιείτε περιορισμούς CSS για τον καμβά, μπορεί να επηρεάσουν την απόδοση. Συνιστάται να καταργήσετε αυτές τις δηλώσεις CSS για καλύτερα αποτελέσματα.

6. Συμβαίνουν μόνο το ζήτημα με συγκεκριμένα μεγέθη εικόνων?

Όχι, η θολότητα μπορεί να συμβεί με οποιοδήποτε μέγεθος εικόνας. Ωστόσο, εάν εργάζεστε με οθόνες υψηλής πυκνότητας, ίσως χρειαστεί να προσαρμόσετε το μέγεθος του καμβά ανάλογα για να διατηρήσετε την ποιότητα της εικόνας.

7. Υπάρχουν εναλλακτικές λύσεις για την επίλυση της θολότητας?

Επί του παρόντος, η ρύθμιση των εικόνων που έχουν παραμεληθεί σε ψευδή είναι η πιο συνηθισμένη λύση. Ωστόσο, εξετάστε πάντα τις συγκεκριμένες απαιτήσεις του έργου σας και πειραματιστείτε με διαφορετικές προσεγγίσεις.

8. Επηρεάζει το μέγεθος του καμβά που επηρεάζει την αρχική εικόνα?

Όχι, η αλλαγή μεγέθους του καμβά δεν επηρεάζει την αρχική εικόνα. Αλλάζει μόνο τον τρόπο εμφάνισης της εικόνας στον καμβά.

9. Μπορώ να χρησιμοποιήσω ακόμα το CSS για να στυλ ο καμβάς?

Ναι, μπορείτε ακόμα να χρησιμοποιήσετε το CSS για το στυλ του καμβά, αλλά να είστε προσεκτικοί σχετικά με οποιεσδήποτε ιδιότητες που σχετίζονται με το μέγεθος που μπορεί να επηρεάσουν την απόδοση.

10. Γιατί ο καμβάς απαιτεί προσαρμογή για οθόνες υψηλής πυκνότητας?

Οι οθόνες υψηλής πυκνότητας έχουν υψηλότερη αναλογία εικονοστοιχείων, οπότε ο καμβάς πρέπει να φιλοξενήσει αυτή την επιπλέον πυκνότητα. Η μη προσαρμογή του μεγέθους του καμβά μπορεί να οδηγήσει σε θολή εικόνες.

11. Υπάρχει μια συγκεκριμένη μέθοδος για τη ρύθμιση του καμβά για οθόνες υψηλής πυκνότητας?

Βεβαιωθείτε ότι ο καμβάς σας αντικατοπτρίζει την πυκνότητα των εικονοστοιχείων της οθόνης ρυθμίζοντας ανάλογα το μέγεθός του. Με αυτόν τον τρόπο, ο καμβάς μπορεί να καταστήσει την εικόνα με το κατάλληλο επίπεδο λεπτομέρειας.

12. Πρέπει να ανησυχώ για τη συμβατότητα του προγράμματος περιήγησης?

Ναι, όταν χρησιμοποιείτε ορισμένες λειτουργίες ή ιδιότητες, όπως το ImagesMoothingEnabled, είναι σημαντικό να εξετάσετε τη συμβατότητα του προγράμματος περιήγησης. Η προσθήκη προθέσεων προμηθευτή μπορεί να βοηθήσει στην εξασφάλιση συνεπής συμπεριφοράς σε διαφορετικά προγράμματα περιήγησης.

13. Υπάρχουν online πόροι ή αναφορές για να μάθετε περισσότερα σχετικά με την απόδοση του καμβά?

Ναι, υπάρχουν πολλά online σεμινάρια, άρθρα και φόρουμ αφιερωμένα στην απόδοση καμβά. Μερικοί δημοφιλείς πόροι περιλαμβάνουν τα έγγραφα MDN Web, το HTML5 Canvas από W3Schools και διάφορα φόρουμ της κοινότητας.

14. Υπάρχει ένα συνιστώμενο μέγεθος καμβά για βέλτιστη ποιότητα εικόνας?

Το βέλτιστο μέγεθος του καμβά εξαρτάται από τις συγκεκριμένες απαιτήσεις του έργου σας. Είναι καλύτερο να λαμβάνετε παράγοντες όπως η ανάλυση εικόνας, το προοριζόμενο μέγεθος οθόνης και οι συσκευές προορισμού κατά τον προσδιορισμό του μεγέθους του καμβά.

15. Μπορώ να εφαρμόσω εικόνες που έχουν παραμεληθεί σε συγκεκριμένες εικόνες στον καμβά?

Όχι, το ImagesMoothingEnabled επηρεάζει ολόκληρη την απόδοση του καμβά. Δεν μπορεί να εφαρμοστεί επιλεκτικά σε συγκεκριμένες εικόνες μέσα στον καμβά.

Html5 – καμβά, drawImage () τραβάει θολή εικόνα

Εγχειρίδιο καλλιτεχνών

Μήπως ο καμβάς κάνει φωτογραφίες θολή

Procreate® για iPad

Τσέπη Procreate®

Insight Procreate®

Βραβείο τέχνης Procreate®

Προτεινόμενα έργα τέχνης

Δημοφιλή έργα τέχνης

Πρόσφατα έργα τέχνης

Αγορά

Ερχομαι συντομα

Συζητήσεις

Ιδέες και προτάσεις

Βοήθεια υποστήριξη

Αγορά

Συμβουλές καλλιτεχνών

Υλικό και αξεσουάρ

Αγορά

Ερχομαι συντομα

Συχνώς ρωτήθηκε

Εγχειρίδιο καλλιτεχνών

Πορτοφόλι

Δημιουργία λογαριασμού

Συνδεθείτε

Μεταφόρτωση στο χαρτοφυλάκιο

Δείτε το προφίλ σας

Διαχείριση λογαριασμού

Συχνώς ρωτήθηκε

Πορτοφόλι

Δημιουργία λογαριασμού

Συνδεθείτε

Μεταφόρτωση στο χαρτοφυλάκιο

Δείτε το προφίλ σας

Διαχείριση λογαριασμού

Αυτός ο ιστότοπος χρησιμοποιεί cookies για να σας παρέχει την καλύτερη δυνατή εμπειρία. Χρησιμοποιώντας αυτόν τον ιστότοπο, αποδέχεστε τη χρήση των cookies.

Ο λογαριασμός σας Procreate έχει απενεργοποιηθεί. Έχετε ειδοποιηθεί μέσω email.

Html5 – καμβά, drawImage () τραβάει θολή εικόνα

Προσπαθώ να σχεδιάσω την ακόλουθη εικόνα σε έναν καμβά, αλλά φαίνεται θολή παρά τον ορισμό του μεγέθους του καμβά. Όπως μπορείτε να δείτε παρακάτω, η εικόνα είναι καθαρή και καθαρή, ενώ στον καμβά, είναι θολή και pixelated. Και εδώ είναι πώς φαίνεται (το αριστερό είναι το πρωτότυπο και το σωστό είναι ο τραβηγμένος καμβάς και θολή.· Τι κάνω λάθος?

κονσόλα.log ('hello world') var c = έγγραφο.getElementById ('καμβά') var ctx = c.getContext ('2d') var playerimg = νέα εικόνα () // http: // i.imgur.com/ruzv0dl.Το PNG βλέπει ένα σαφές, τραγανό παίκτη εικόνας.src = 'http: // i.imgur.com/ruzv0dl.png 'playerimg.πλάτος = 32 playerimg.ύψος = 32 playerimg.onload = λειτουργία () < ctx.drawImage(playerImg, 0, 0, 32, 32); >;

#καμβάς

ρώτησε 10 Αυγούστου 2015 στις 0:10

Zeng Cheng Zeng Cheng

725 2 2 χρυσά κονκάρδες 7 7 ασημένια κονκάρδες 16 16 χάλκινα κονκάρδες

6 απαντήσεις 6

Ο λόγος για τον οποίο συμβαίνει αυτό είναι λόγω της αντιπαράθεσης. Απλώς ρυθμίστε τις εικόνες που έχουν παραμεληθεί σε ψευδή όπως έτσι

συμφραζόμενα.ImagesMoothingEnabled = false; 

Εδώ είναι ένα jsfiddle verson

var c = έγγραφο.getElementById ('καμβά') var ctx = c.getContext ('2d') var playerimg = νέα εικόνα () // http: // i.imgur.com/ruzv0dl.Το PNG βλέπει ένα σαφές, τραγανό παίκτη εικόνας.src = 'http: // i.imgur.com/ruzv0dl.png 'playerimg.onload = λειτουργία () < ctx.imageSmoothingEnabled = false; ctx.drawImage(playerImg, 0, 0, 256, 256); >; 

Απαντήθηκε στις 10 Αυγούστου 2015 στις 0:15

5.709 9 9 χρυσά κονκάρδες 54 54 ασημένια σήματα 98 98 χάλκινα κονκάρδες

Θα πρέπει να προσθέσετε τα προθέματα προμηθευτή, αφού αυτό δεν είναι σταθεροποιημένη ιδιοκτησία.

10 Αυγούστου 2015 στις 1:02

@Canvas ενδιαφέρον. Αλλά, ακόμα, η εικόνα είναι 32×32 και ρυθμίζει την εικόνα σας από 256 έως 256 έως 32×32 και εξακολουθεί να είναι pixelized: \ . Χρησιμοποίησα τον Firefox..

10 Αυγούστου 2015 στις 1:35

@Canvas, αλλά εξακολουθεί να φαίνεται θολή σε μέγεθος 32×32. Είναι πρωτότυπο μέγεθος.

10 Αυγούστου 2015 στις 1:48

@Danf Έχω πει στο παραπάνω σχόλιο, χρειάζεστε πρόθεμα προμηθευτή. Ελέγξτε αυτό το ενημερωμένο βιολί: jsfiddle.NET/MT8SK9CB/2

10 Αυγούστου 2015 στις 2:27

@Kaiido ξέρω, αλλά δεν θέλω την εικόνα 256×256 αλλά μάλλον και το αρχικό μέγεθος του 32×32 και όταν το έβαλα στο 32×32. Είναι θολή παρά την αρχική εικόνα που δεν είναι θολή.

10 Αυγούστου 2015 στις 2:39

Το πρόβλημά σας είναι ότι οι περιορισμοί του CSS του καμβά εναντίον του πλάτους ιδιοκτησίας του καμβά = 521 θα κάνουν το πρόγραμμα περιήγησής σας να επαναλάβει ολόκληρο τον καμβά.

Για να το αποφύγετε, αφαιρέστε αυτές τις δηλώσεις CSS.

var c = έγγραφο.getElementById ('καμβά') var ctx = c.getContext ('2d') var playerimg = νέα εικόνα () // http: // i.imgur.com/ruzv0dl.Το PNG βλέπει ένα σαφές, τραγανό παίκτη εικόνας.src = 'http: // i.imgur.com/ruzv0dl.png 'playerimg.πλάτος = 32 playerimg.ύψος = 32 playerimg.onload = λειτουργία () < ctx.drawImage(playerImg, 0, 0, 32, 32); >;

#καμβάς

Επίσης, εάν αναδιαμορφώσατε την εικόνα (από 32×32 σε κάποιο άλλο μέγεθος), η λύση @Canvas θα ήταν ο τρόπος να πάει.

Απαντήθηκε στις 10 Αυγούστου 2015 στις 2:50

120K 12 12 χρυσά κονκάρδες 206 206 ασημένια κονκάρδες 269 269 χάλκινα κονκάρδες

Σας ευχαριστώ, αυτό ήταν επίσης χρήσιμο επίσης.

10 Αυγούστου 2015 στις 3:04

@Danf Μπορείτε να αντιμετωπίσετε το αποδεκτό σημάδι όπως θέλετε, αλλά επειδή ο Canvas’one δεν λύθηκε το πρόβλημά σας, το οποίο προκλήθηκε από τις δηλώσεις CSS, νομίζω ότι θα ήταν καλύτερο για τους μελλοντικούς αναγνώστες να το δεχτούν και να δώσουν μια γενναιοδωρία στον καμβά »

16 Αυγούστου 2015 στις 4:39

+100, επειδή ήρθα εδώ αφού έβαλα CTX.ImagesMoothingEnabled = false; , αλλά η εικόνα ήταν ακόμα θολή.

24 Οκτωβρίου 2018 στις 18:41

Αυτή θα πρέπει να είναι η αποδεκτή απάντηση, είχε το ίδιο πρόβλημα, η εικόνα μου δεν ήταν τέχνη pixel, και ήταν πολύ μεγαλύτερη, πήρε ακόμα το ίδιο σφάλμα, μέχρι να αλλάξω το στυλ = “πλάτος: x, Ύψος: y” για το ύψος = “x” ύψος = “y”.

15 Μαρτίου 2019 στις 22:57

Καθώς αντιμετώπισα αυτήν την παλαιότερη θέση για μερικά από τα προβλήματά μου, εδώ είναι ακόμα πιο επιπλέον εικόνα για τις θολές εικόνες για να στρώσει στην κορυφή της λύσης “ImagesMoothingEnabled”.

Αυτό είναι πιο συγκεκριμένα για την περίπτωση χρήσης της συγκεκριμένης απόδοσης παρακολούθησης και μόνο μερικοί άνθρωποι θα έχουν αντιμετωπίσει αυτό το ζήτημα εάν προσπαθούν να αποδώσουν γραφικά ποιότητας αμφιβληστροειδούς στον καμβά τους με απογοητευτικά αποτελέσματα.

Ουσιαστικά, οι οθόνες υψηλής πυκνότητας σημαίνει ότι ο καμβάς σας πρέπει να φιλοξενήσει αυτή την επιπλέον πυκνότητα εικονοστοιχείων. Εάν δεν κάνετε τίποτα, ο καμβάς σας θα κάνει μόνο αρκετές πληροφορίες εικονοστοιχείων στο πλαίσιο του για να υπολογίσει μια αναλογία εικονοστοιχείων 1.

Έτσι, για πολλές σύγχρονες οθόνες που έχουν αναλογίες> 1, θα πρέπει να αλλάξετε το πλαίσιο του καμβά σας για να υπολογίσετε αυτές τις επιπλέον πληροφορίες, αλλά να διατηρήσετε τον καμβά σας το κανονικό πλάτος και ύψος.

Για να το κάνετε αυτό, ρυθμίστε απλά το πλάτος και το ύψος του πλαισίου απόδοσης σε: Πλάτος και ύψος στόχου *.συσκευή.

καμβάς.πλάτος = παράθυρο πλάτους στόχου *.DevicePixelratio; καμβάς.Ύψος = Παράθυρο ύψους στόχου *.DevicePixelratio; 

Στη συνέχεια, ρυθμίζετε το στυλ του καμβά σε μέγεθος τον καμβά σε κανονικές διαστάσεις:

καμβάς.στυλ.πλάτος = `$ px`; καμβάς.στυλ.ύψος = `$ px`; 

Τελευταία αποδίδετε την εικόνα στο μέγιστο μέγεθος πλαισίου που επιτρέπει η εικόνα. Σε ορισμένες περιπτώσεις (όπως εικόνες που καθιστούν το SVG), μπορείτε ακόμα να αποκτήσετε καλύτερη ποιότητα εικόνας, καθιστώντας την εικόνα σε διαστάσεις μεγέθους Pixelratio:

καραμέλα.DrawImage (IMG, 0, 0, IMG.Πλάτος * Παράθυρο.DevicePixelratio, IMG.Παράθυρο ύψους *.DevicePixelratio); 

Για να αναδείξω αυτό το φαινόμενο, έκανα ένα βιολί. Δεν θα δείτε μια διαφορά στην ποιότητα του καμβά εάν βρίσκεστε σε οθόνη Pixelratio κοντά στο 1.

Γιατί είναι οι εικόνες μου καμβά τόσο θολή και τι μπορώ να κάνω γι ‘αυτό?

Εκεί’Δεν είναι χειρότερο αίσθημα από το να ρίχνεις την καρδιά και την ψυχή σου σε ένα γραφικό’Έκανα σε καμβά ότι εσύ’είναι τόσο περήφανος, μόνο για να δείτε ότι καταλήγει θολή και συνολικά απλώς μπερδεμένη ποιότητα όταν το ανεβάζετε στον ιστότοπό σας ή στα κανάλια κοινωνικών μέσων ενημέρωσης.

Προσπαθείτε ξανά χωρίς αποτέλεσμα. Ακόμα θολή. Ακόμα suck-y.

Λοιπόν, γιατί οι εικόνες του καμβά σας είναι θολή και τι μπορείτε να κάνετε για να το διορθώσετε?

Εμείς’εδώ για να σας περπατήσουμε με το πώς να βεβαιωθείτε ότι οι δημιουργίες σας φαίνονται καθαρά και τραγανή κάθε φορά (και don’t Ανησυχείς, προσπαθήσαμε να περιορίσουμε τη γλώσσα στο κανονικό πρόσωπο να μιλήσει).

Αφήνω’μιλάμε για καμβά, μωρό μου!

Δεν κάνει’t έχει σημασία τι είδους φόντο στο γραφικό σχέδιο έχετε ή πόσο ικανός είστε σε όλα τα επαγγελματικά εργαλεία σχεδιασμού, η Canva εξακολουθεί να είναι ένα από τα κορυφαία εργαλεία σχεδιασμού για τόσους πολλούς ανθρώπους. Ακόμη και με 2 επαγγελματίες σχεδιαστές, 20+ χρόνια ιστορικού στο μάρκετινγκ και 25+ χρόνια εμπειρίας σχεδιασμού, η ομάδα μας χρησιμοποιεί καθημερινά την Canva.

Κύριος’να το βγάλω σε καμβά.

Κοίτα, ξέρουμε πόσο απογοητευτικό μπορεί να είναι όταν εσείς’έχουν περάσει ώρες για τη δημιουργία ενός γραφικού, αλλά δεν το κάνει’να αποδειχθεί πώς φανταζόσαστε ότι θα το έκανε. Canva ISN’όμως για να φταίνε εξ ολοκλήρου. Υπάρχουν μερικοί άλλοι παράγοντες που μπαίνουν στο παιχνίδι εδώ για να βεβαιωθείτε ότι όταν ανεβάσετε την εικόνα σας στον ιστότοπό σας ή τις σελίδες κοινωνικών μέσων, φαίνεται ακριβώς πώς το έκανα όταν το φτιάξατε.

ΑΦΗΝΩ’Ξεκινήστε με διαστάσεις

Ένα τεράστιο μέρος του προβλήματός σας θα μπορούσε να προέλθει από τη χρήση λανθασμένων διαστάσεων για την εικόνα σας, προκαλώντας το να γίνει πολύ τεντωμένο ή, αν οι διαστάσεις είναι πολύ μικρές, θολή, θολή. Η Canva έχει ήδη έναν τόνο επιλογών μεγέθους ενσωματωμένο για να ταιριάζει σχεδόν σε οποιοδήποτε είδος γραφικών που θέλετε να κάνετε, που κυμαίνεται από μια θέση Instagram έως τις μικρογραφίες του YouTube και ακόμη και μια κάρτα συνταγής. Εάν πληκτρολογήσετε το είδος του γραφικού σας’που θέλουν να κάνουν, οι πιθανότητες είναι μια επιλογή για αυτό θα εμφανιστεί.

Εάν δεν το κάνει’Ωστόσο, 9 φορές από τα 10, κάνοντας μια γρήγορη αναζήτηση Google θα σας πει ποιο μέγεθος θα πρέπει να είναι μια εικόνα για ποιο σκοπό. Μόλις το βρείτε, απλά κάντε κλικ στο “Προσαρμοσμένες διαστάσεις” κουμπί όταν πρόκειται να ξεκινήσετε ένα νέο σχέδιο και να εισαγάγετε το μέγεθος που χρειάζεστε.

Από εκεί, μπορείτε να εισαγάγετε με μη αυτόματο τρόπο τις διαστάσεις που χρειάζεστε είτε σε εικονοστοιχεία, ίντσες, εκατοστά ή χιλιοστόμετρα.

Εάν σας βρείτε’Απαραδέσματα να εκτελέσετε μια δοκιμή και σφάλμα και να αλλάξετε το μέγεθος της εικόνας σας για να δείτε τι λειτουργεί καλύτερα, φροντίστε να διατηρήσετε την ίδια αναλογία διαστάσεων. (Με κανονικά λόγια, αυτό σημαίνει ότι αν μειώνετε το πλάτος κατά μισό ή 20%, 35%, κλπ. – Μειώστε το ύψος κατά το ήμισυ, επίσης.·
Η αλλαγή μεγέθους μπορεί να γίνει εύκολα μέσα σε ένα ίδιο το σχέδιο εάν εσείς’re μέλος Canva Pro.

Εμείς’Έκανα τη βρώμικη δουλειά για εσάς και βρήκατε μερικές συμβουλές μεγέθους εικόνων για πράγματα που κερδίσατε’να βρείτε προφορτωμένο σε καμβά .

Εάν έχετε έναν ιστότοπο Squarespace, το συνιστώμενο πλάτος για εικόνες δεν είναι ευρύτερο από 1500px έως 2500px πλάτος.

Για έναν ιστότοπο WordPress, μερικά συνιστώμενα μεγέθη εικόνων είναι 1200 x 630px για αναρτήσεις ιστολογίου, 2880 x 1500px για εικόνες πλήρους οθόνης, 900 x 1200px για εικόνες χαρακτηριστικών τοπίου και αντίστροφα για εικόνες πορτρέτου.

Για το Pinterest, η φωτογραφία του προφίλ σας θα πρέπει να είναι τουλάχιστον 165px πλάτος και ύψος, τα καλύμματα προφίλ πρέπει να είναι ένας λόγος διαστάσεων 16: 9 όπως 1920 x 1080px και το συνιστώμενο μέγεθος για τα καλύμματα του σκάφους είναι 600 x 600px.

Το Facebook Cover Photos for Business Pages θα πρέπει να είναι 820 x 312px για την καλύτερη ποιότητα και οι φωτογραφίες του ομίλου είναι 1640 x 856px. Οι φωτογραφίες προφίλ στο Facebook πρέπει να είναι τουλάχιστον 180px πλάτος και ύψος.

Τι γίνεται αν δεν έχετε ακόμη ιδέα ποιες διαστάσεις πρέπει να είναι κάτι?

Μερικές φορές η Google μπορεί να μην σας κάνει δικαιοσύνη. Αυτό που μπορείτε να κάνετε σε αυτήν την περίπτωση είναι ο κυβερνήτης σελίδας λήψης. Το’S Μια επέκταση για το Google Chrome που θα σας δώσει τις διαστάσεις Pixel καθώς και την τοποθέτηση και τη μέτρηση των στοιχείων σε οτιδήποτε σε μια ιστοσελίδα. Μιλήστε για μια σωτηρία ζωής!

Ορισμένες τοποθεσίες συμπιέζουν εικόνες

Πολλοί ιστότοποι κοινωνικών μέσων, το Facebook είναι ένας τεράστιος δράστης, συμπιέζει εικόνες για να βοηθήσει τον ιστότοπό τους να φορτώσει γρηγορότερα. Εσείς’Πιθανότατα το παρατηρήσατε ότι αφού ανεβάσετε ένα όμορφο, τραγανό γραφικό ή φωτογραφία στο Facebook, καταλήγει να κοιτάζει ένα Tad (ή πολύ) θολή θολή. Λόγω του ότι είναι πράγμα στο Facebook, εκεί’Είναι μόνο τόσο πολύ που μπορείτε να κάνετε στο Canva, αλλά μερικές συμβουλές που μπορείτε να προσπαθήσετε να βοηθήσετε να φανεί όσο το δυνατόν μεγαλύτερες είναι:

• Λήψη ως τύπος αρχείου PNG, ειδικά εάν υπάρχει κείμενο στην εικόνα σας.
• Συμπιέστε την εικόνα σας χωρίς να χάσετε την ποιότητα χρησιμοποιώντας έναν δωρεάν ιστότοπο όπως το Tiny PNG.
• Διπλασιάστε τις διαστάσεις του σχεδίου σας στο Canva.
• Ποτέ μην δημιουργείτε σχέδιο με μικρότερες διαστάσεις από ό, τι συνιστάται από αυτήν την πλατφόρμα. Για παράδειγμα, Instagram’Το μέγεθος της τετραγωνικής εικόνας είναι 1080 x 1080px. Η δημιουργία και η μεταφόρτωση μιας εικόνας που είναι 800 x 800px θα προκαλέσει την εμφάνιση τεντωμένη και θολή.

Κολλήστε σε εικόνες υψηλής ανάλυσης

Οποιεσδήποτε φωτογραφίες εσείς’Η χρήση στο σχεδιασμό σας πρέπει να είναι υψηλή ανάλυση. Ρύθμιση σε επαγγελματικά φωτογραφικές εικόνες, είτε πρόκειται για τις δικές σας επώνυμες εικόνες είτε για φωτογραφία αποθεμάτων. Για να διατηρήσετε τα πράγματα συνεπή, δοκιμάστε να χρησιμοποιήσετε φωτογραφίες αποθεμάτων από τον ίδιο φωτογράφο. Αν εσύ’Επαναλαμβάνω επαγγελματικές εικόνες αποθεμάτων που θα χρησιμοποιηθούν στην επιχείρησή σας, το κατάστημα προσφέρει ένα σύνολο 30 φωτογραφιών σε τρεις διαφορετικές παλέτες χρωμάτων.

Μια άλλη συμβουλή που πρέπει να γνωρίζετε είναι να βεβαιωθείτε ότι είστε’t Τεντών ή μεγέθυνση των φωτογραφιών σας περισσότερο από ό, τι είναι ήδη. Αυτό θα τους κάνει σχεδόν πάντα να φαίνονται θολές αν’είναι τεντωμένο πέρα ​​από το μέγεθος της ανάλυσης τους.

Μετατρέψτε από PDF σε JPG

Αυτό είναι ένα επιπλέον βήμα που μπορείτε να πάρετε κατά τη λήψη των εικόνων του καμβά σας εάν εσείς’βρήκαν ότι εξακολουθούν να βγαίνουν θολή. Υπάρχουν online μετατροπείς αρχείων, όπως το smallpdf και το pdf2jpg, που θα σας επιτρέψουν να μετατρέψετε ένα PDF σε εικόνα JPG. Πολλοί έχουν βρει αυτό να είναι ένας ανόητος τρόπος για να έχουμε την πιο τραγανή εικόνα.

1. Κατεβάστε την εικόνα σας ως εκτύπωση PDF.
2. Μεταφορτώστε το στον μετατροπέα PDF σε JPG.
3. Μετατρέψτε σε μια εικόνα JPG.

Αυτά τα τρία βήματα θα μπορούσαν να κάνουν μια τεράστια διαφορά στην προσέλευση της εικόνας του καμβά σας. Εδώ’S Ένα παράδειγμα μιας κανονικής εικόνας PNG (αριστερά) και της ίδιας εικόνας που κατεβάστηκε ως PDF και μετατράπηκε σε JPG (δεξιά).

Μπορείτε ήδη να πείτε πόσο ουσιαστική είναι η διαφορά με την εξέταση, αλλά απλά περιμένετε μέχρι να μεγεθύνετε. (Yikes!·

Τα βασικά του γραφικού σχεδιασμού

Σήμερα’S WORLD, εσείς DON’Δεν χρειάζεται να λάβετε μια τάξη ή ένα μάθημα για να σχεδιάσετε εικόνες για την επιχείρησή σας. Το Canva το καθιστά απίστευτα εύκολο να συγκεντρώσετε ένα γραφικό γρήγορα. Με αυτό είπε, υπάρχουν μερικά βασικά που, αν τα ακολουθήσετε, θα βοηθήσετε την εικόνα σας να φανεί πιο επαγγελματική.

• Αυτό μπορεί να φανεί προφανές, αλλά παραβλέπεται πάρα πολλές φορές. Βεβαιωθείτε ότι η εικόνα σας έρχεται σε αντίθεση. Χρησιμοποιήστε το σκοτεινό κείμενο σε φόντο φωτός και αντίστροφα.
• Χρησιμοποιήστε μόνο 2-3 από τα χρώματα επωνυμίας σας σε ένα σχέδιο.
• Οι γραμματοσειρές sans-serif ή serif είναι ο φίλος σας. Τα σενάρια μπορεί συχνά να είναι δύσκολο να διαβαστούν, ειδικά αν’Προστέθηκε σε μια εικόνα, οπότε χρησιμοποιήστε τα με φειδώ.
• Λιγότερο είναι περισσότερο. Προσπαθήστε να κρατήσετε την εικόνα σας από το να είστε πολύ απασχολημένοι. Επιλέξτε ένα ζευγάρι στοιχεία για να είστε ο κύριος στόχος σας, βεβαιωθείτε ότι ξεχωρίζουν και πρέπει να μην πρέπει να υπάρχουν πρόσθετα στοιχεία’να υπερισχύει αυτά τα κύρια κομμάτια.

Ο σχεδιασμός έγινε εύκολος

Όλα αυτά τα πράγματα γραφικών μπορεί να είναι δύσκολο για κάποιον που έχει ελάχιστη ή καθόλου σχεδιαστική εμπειρία. ο “κανόνας” να ακολουθήσετε μπορεί να είναι απογοητευτικό αν αυτό δεν είναι’t κάτι που κάνετε όλη την ώρα (ή καθόλου!·. Ελάτε, φίλε μου, και ας σας παρουσιάσουμε στο one-stop-shop για όλες τις ανάγκες σχεδιασμού και μάρκετινγκ, το κατάστημα δημιουργικών προτύπων, που είναι γνωστό ως ακριβώς το κατάστημα.

Προσφέρουμε πρότυπα γραφικών σε τρεις επιλογές χρωμάτων – φωτεινά, ουδέτερα και μαλακά – για σχεδόν όλες τις ανάγκες μάρκετινγκ και προσθέτουμε τέσσερα νέα σχέδια κάθε δεύτερη Τρίτη του μήνα. Μερικά από τα γραφικά μας πρότυπα περιλαμβάνουν βιβλία εργασίας opt-in, πρότυπα παρουσίασης, πρότυπα κιτ μέσων ενημέρωσης, κοινωνικά μέσα και πρότυπα Pinterest και πολλά άλλα. Το μόνο που έχετε να κάνετε είναι να τα μεταφορτώσετε σε καμβά, να προσθέσετε τις δικές σας φωτογραφίες και τη διατύπωση και εσείς’επανόρθωτος! Θα μπορούσατε επίσης να αλλάξετε τα χρώματα και τις γραμματοσειρές στο δικό σας branding αν θέλετε. Σε λίγα λεπτά, έχετε ένα ολοκληρωμένο σχέδιο έτοιμο για χρήση στη δημιουργική σας επιχείρηση.

Η πλήρης συλλογή μας γραφικών προτύπων φέρει αξία άνω των 3500 $ (και αυξάνεται κάθε μήνα!), αλλά μπορείτε να πάρετε όλα τα πρότυπα μόνο για 47 $ το μήνα, καθιστώντας μέλος. Υπάρχουν μερικά αρκετά σθεναρά οφέλη για να είσαι μέλος, αν το λέμε έτσι! Εσείς’θα έχω:

• Απεριόριστες λήψεις όλων των τρέχουσας προτύπων και Μελλοντικές νέες κυκλοφορίες
• Τη δυνατότητα να ζητήσετε σχέδια και να μας στείλετε τις ιδέες σας για αυτό που εσείς’D μου αρέσει να βλέπω στο κατάστημα
• Πρόσβαση στα αντικείμενα που είναι αποκλειστικά μόνο για τα μέλη του καταστήματος (Όπως η όμορφη φωτογραφία αποθεμάτων μας·!
• Περιλαμβάνεται στην ιδιότητα μέλους σας, παίρνετε 30 ημέρες για να δοκιμάσετε το Canva Pro για απολύτως δωρεάν.

Το Canva Pro ξεκλειδώνει τόσα πολλά επιπλέον οφέλη όπως η αποθήκευση με ένα διαφανές υπόβαθρο, το μέγεθος της εικόνας με ένα κλικ, την πρόσβαση σε πάνω από 60+ εκατομμύρια στοιχεία, χρησιμοποιώντας το χαρακτηριστικό του Kit για να ανεβάσετε τις δικές σας γραμματοσειρές, τα λογότυπα και να αποθηκεύσετε τα χρώματα επωνυμίας σας και πολλά άλλα.

Τώρα, πηγαίνετε ροκ αυτές τις καθαρές, τραγανές δημιουργίες καμβά!

Οτι’είναι, μωρό μου! Αυτά είναι τα βήματα που εμείς’Χρησιμοποιήσαμε για να διατηρήσουμε τις εικόνες μας να φαίνονται όσο το δυνατόν υψηλής ποιότητας κατά τη μεταφόρτωση στον ιστότοπό μας ή στα κανάλια κοινωνικών μέσων ενημέρωσης. Θυμηθείτε να χρησιμοποιήσετε τις σωστές διαστάσεις (εσείς’D Μάλλον είναι πολύ μεγάλο από πολύ μικρό), κατεβάστε ως τον κατάλληλο τύπο αρχείου, χρησιμοποιήστε εικόνες υψηλού res και αποφύγετε τη μεγέθυνση των φωτογραφιών πέρα ​​από το μέγεθος της ανάλυσης τους και εσείς’Θα εκπλαγείτε από τη διαφορά που θα κάνει μόλις μεταφορτώσετε την εικόνα της Canva στη θέση της. Εάν εξακολουθείτε να χρειάζεστε βοήθεια αντιμετώπισης προβλημάτων, μπορείτε να δείτε αυτά τα δύο τμήματα στο Canva’site spoits, “Ο σχεδιασμός μου φαίνεται θολής” και “Η εκτύπωση μου φαίνεται θολή”.

Οδηγός ανάλυσης για εκτυπώσεις φωτογραφιών καμβά

Μας έθεσε αυτή την ερώτηση όλη την ώρα. Τι μέγεθος πρέπει να είναι η φωτογραφία μου πριν φαίνεται pixelated και θολή σε μια πολύ μεγάλη εκτύπωση καμβά φωτογραφιών? Υπάρχουν εκατοντάδες απαντήσεις σε αυτό το ερώτημα και φυσικά, όλοι γίνονται τεχνικοί εμπειρογνώμονες. Αλλά τι γίνεται με τον μέσο άνθρωπο που καθόταν στο σπίτι με ένα απλό πρόγραμμα επεξεργασίας? Πώς λένε εάν η φωτογραφία που έχουν είναι αρκετά καλή για να δημιουργήσει μια φωτογραφία καμβά ή όχι? Εδώ θα προσπαθήσουμε να δείξουμε πώς να αποφασίσουμε και να μάθουμε αν η φωτογραφία σας είναι αρκετά καλή ή όχι. Κατά κανόνα, η ελάχιστη φωτογραφία μπορεί να είναι είναι 72DPI στο μέγεθος που θέλετε να κάνετε σε έναν καμβά.

Η φωτογραφία είναι αρκετά καλή για να εκτυπώσει σε παράδειγμα καμβά

Ανοίξτε τη φωτογραφία σε ένα πρόγραμμα επεξεργασίας φωτογραφιών. Εδώ έχω χρησιμοποιήσει το Photoshop, αλλά μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας φωτογραφιών που έχετε στον υπολογιστή σας με τον οποίο γνωρίζετε. Μεταβείτε στο μέγεθος της εικόνας και θα δείτε ένα κουτί όπως αυτό που εμφανίζεται κάτω.

Εδώ μπορούμε να δούμε ότι η εικόνα μου είναι 5.1 “πλάτος x 4.4 “ψηλά σε 200 εικονοστοιχεία ανά ίντσα.

Θέλω αυτήν την εκτύπωση φωτογραφιών σε υψηλό καμβά 16 “πλάτους x 12”. Κατά κανόνα, η ελάχιστη ανάλυση που πρέπει να είναι η φωτογραφία είναι 72 εικονοστοιχεία ανά ίντσα στο μέγεθος που θέλετε να εκτυπώσετε.

Σε αυτό το παράδειγμα η φωτογραφία που πρέπει να εκτυπωθεί στον καμβά είναι πολύ μεγαλύτερη και υψηλότερη ανάλυση από ό, τι πρέπει να είναι, οπότε θα είναι εντάξει μόλις αλλάξει το μέγεθος και την εκτύπωση.

Η φωτογραφία δεν είναι αρκετά καλή για να εκτυπώσει σε παράδειγμα καμβά

Έχω ανοίξει τη φωτογραφία όπως έκανα παραπάνω και έφερα το πλαίσιο διαλόγου μεγέθους εικόνας.

Εδώ μπορούμε να δούμε ότι η εικόνα μου είναι 3.611 “πλάτος x 3.611 “ψηλά στα 72 εικονοστοιχεία ανά ίντσα.

Θέλω αυτή η εκτύπωση φωτογραφιών σε ένα καμβά υψηλού καμβά 12 “πλάτους x 12”. Χρησιμοποιώντας τον ίδιο κανόνα όπως παραπάνω (η ελάχιστη ανάλυση που πρέπει να είναι η φωτογραφία είναι 72 εικονοστοιχεία ανά ίντσα στο μέγεθος που θέλετε να εκτυπώσετε), αυτή η φωτογραφία δεν πρόκειται να φανεί καλή.

Σε αυτό το παράδειγμα η φωτογραφία που πρέπει να εκτυπωθεί στον καμβά είναι πολύ μικρότερη και χαμηλότερη ανάλυση από ό, τι χρειάζεται, οπότε δεν θα είναι εντάξει μόλις αλλάξει το μέγεθος και την εκτύπωση. Θα φαίνεται θολή και pixelated όπως παρακάτω.

Εάν κάνετε κλικ στην εικόνα και μεγεθύνετε, θα δείτε ότι τα άκρα είναι θολή και η φωτογραφία δεν έχει λεπτομέρειες. Ο καμβάς ως υλικό είναι μάλλον συγχωρετικό, αλλά αυτή η φωτογραφία σίγουρα δεν θα φανεί καλή όταν εκτυπωθεί σε μια εκτύπωση καμβά φωτογραφιών. Η φωτογραφία που ακολουθεί είναι η ίδια, αλλά ζουμ σε λίγο για να δείξει την κακή ποιότητα.

Έτσι, όπως έχουμε αποδείξει, ο κανόνας είναι ότι η φωτογραφία σας πρέπει να είναι τουλάχιστον 72 dpi στο μέγεθος του εκτύπωσης καμβά που θέλετε να έχετε παράγει.

Πώς αυτό επηρεάζει την ποιότητα εκτύπωσης?

Το ImagePrograf IPF8300S είναι 44”/Εκτυπωτής μεγάλης μορφής A0 ο οποίος παρέχει την τέλεια ισορροπία μεταξύ ποιότητας, παραγωγικότητας και κόστους. Αυτός είναι ο κύριος εκτυπωτής που χρησιμοποιούμε στο Canvasdesign για την εκτύπωση της καλύτερης ποιότητας φθηνά εκτυπώσεις καμβά. Η ανάλυση του εκτυπωτή είναι 2.400 x 1.200 dpi, τόσο άσχετο για το μέγεθος της φωτογραφίας σας, αυτή είναι η ανάλυση εκτύπωσης κάθε φωτογραφίας που εκτυπώνουμε.

Τι είναι το DPI?

Το DPI σημαίνει κουκκίδες ανά ίντσα. Είναι ακριβώς αυτό που λέει ότι είναι. Πόσες κουκίδες ή τετράγωνα στον υπολογιστή μιλούν, υπάρχουν ανά ίντσα που μετράτε. Η παρακάτω εικόνα δείχνει την επίδραση μιας εικόνας χαμηλής ανάλυσης και μιας υψηλότερης.

Αυτό είναι ιδιαίτερα σημαντικό όταν ασχολείστε με εικόνες που έχουν αιχμηρές άκρες σε αυτές. Φωτογραφίες ανθρώπων και ειδικά τοπία είναι λίγο πιο επιεικής.

Παλαιές εκτυπώσεις καμβά φωτογραφιών που σαρώθηκαν για εκτύπωση

Όταν σαρώνετε τις παλιές σας φωτογραφίες για να κάνετε σε εκτυπώσεις καμβά, σας συνιστούμε να τις σαρώσετε τόσο υψηλή ανάλυση που θα επιτρέψει ο σαρωτής σας. Ο λόγος για αυτό είναι ότι οι περισσότερες παλιές φωτογραφίες είναι γενικά 6 “x4” και θα χρειαστεί να ανατινάξει μέχρι μεγαλύτερη κλίμακα για εκτύπωση. Αν πρέπει να δώσουμε ένα ελάχιστο ψήφισμα σάρωσης για μια φωτογραφία 6 “x4” που θα σαρωθεί, θα λέγαμε 600dpi. Αυτό θα μας επιτρέψει να διορθώσουμε τυχόν κηλίδες στη φωτογραφία και να επιτρέψουμε την εκτύπωση της φωτογραφίας σε οποιοδήποτε μέγεθος που χρειάζεστε. Εάν δεν είστε σίγουροι για τη σάρωση της φωτογραφίας με τη σωστή ανάλυση, μπορείτε πάντα να μας στείλετε σε εμάς και θα το φροντίσουμε για εσάς.

Ελπίζουμε ότι αυτό το άρθρο σας έδωσε μια εικόνα για το τι απαιτείται για να εκτυπώσετε μια φωτογραφία σε καμβά και για να είστε ευχαριστημένοι με το αποτέλεσμα. Φυσικά, εάν είστε ακόμα ασαφείς και απλά θέλετε απλώς να μιλήσετε με κάποιον, καλέστε μας στο 01254 790102 ή συνομιλήστε μαζί μας στο ηλεκτρονικό μας σύστημα.

Αν εσύ’Πρόκειται να σαρώσετε τις παλιές σας φωτογραφίες για έργα εκτύπωσης καμβά, εδώ είναι μερικές συμβουλές σάρωσης για να δημιουργήσετε βέλτιστες εικόνες που μπορούμε να χρησιμοποιήσουμε για τις παραγγελίες εκτύπωσης καμβά σας:

Καθώς αρχίζετε να σαρώνετε τις παλιές σας φωτογραφίες, κρατήστε τις σημειώσεις σχετικά με τις ρυθμίσεις που λειτουργούν καλύτερα. Με αυτόν τον τρόπο, μπορείτε εύκολα να πάρετε την ίδια ποιότητα σε όλες τις παλιές σας φωτογραφίες. Αυτό μπορεί να πάρει κάποιο χρόνο καθώς μαθαίνετε να κυριαρχήσετε το λογισμικό που συμπεριλήφθηκε με το σαρωτή. Οι πρώτες σας φωτογραφίες θα χρειαστούν πιθανώς κάποιες προσαρμογές, αλλά μόλις βρείτε τις τέλειες ρυθμίσεις, σημειώστε τι κάνατε για να τις χρησιμοποιήσετε σε όλες τις υπόλοιπες παλιές φωτογραφίες σας.

Ποτέ μην χρησιμοποιείτε το smartphone σας

Χρησιμοποιήστε μόνο έναν σαρωτή για τις παλιές φωτογραφίες σας από τότε που χρησιμοποιείτε το smartphone σας κέρδισε’Το Do It Justice. Η εικόνα κέρδισε’να βγούμε τόσο σαφές όσο πρέπει να είναι για εκτύπωση καμβά. Χρησιμοποιείτε πάντα έναν επαγγελματία σαρωτή όταν προσπαθείτε να εκτυπώσετε παλιές φωτογραφίες σε καμβά.

Σκόνη από παλιές φωτογραφίες

Εάν θέλετε μια καλή σάρωση, βεβαιωθείτε ότι έχετε σκασίρει τις παλιές φωτογραφίες. Αυτό θα εξαλείψει τυχόν ανεπιθύμητα μουντζούρα ή βρωμιά για να εμφανιστεί στη σάρωση σας. Οι παλιές φωτογραφίες μπορούν να έχουν μια βρωμιά συσσώρευσης και σκόνη από χρόνια αποθήκευσης, οπότε καθαρίστε τις χρησιμοποιώντας συμπιεσμένο αέρα για να βγάλετε τα πάντα μακριά. Αυτό θα εξαλείψει επίσης την ανάγκη για πολλή επαφή με την εργασία μετά. Μπορείτε επίσης να χρησιμοποιήσετε ένα ύφασμα φακού χωρίς σκόνη για να καθαρίσετε απαλά τις εύθραυστες φωτογραφίες. Απλά’t Χρησιμοποιήστε κανονικές χαρτοπετσέτες ή ιστούς, αφού μπορούν πραγματικά να αφήσουν περισσότερα σωματίδια στις εικόνες σας από εσάς’d σαν. Επίσης, μην χρησιμοποιείτε ποτέ υγρά καθαρισμού ή νερό!

Κύριος’προσπαθώ να ισοπεδώσουμε τις πτυχές

Εάν οι παλιές σας φωτογραφίες έχουν πτυχές σε αυτές, μην κάνετε’προσπαθώ να τα σιδερώσουμε. Αυτό θα προκαλέσει μόνο περισσότερη ζημιά. Μπορείτε να πάρετε τις πτυχές αργότερα κατά την επεξεργασία.

Ισιώστε και καλλιεργήστε τα

Αν δεν είσαι’να κάνετε οποιεσδήποτε άλλες τροποποιήσεις στις παλιές σας φωτογραφίες, θα πρέπει να τις καλλιεργήσετε και να τις ισιώσετε, αφού αυτό θα κάνει τις φωτογραφίες σας να αποδειχθούν τα καλύτερα τους μετά την σαρωμένη.