Διαδικτυακή γεννήτρια εικόνων με γραμμική διαβάθμιση

Τι κάνει αυτό το εργαλείο

Το εργαλείο δημιουργεί μια εικόνα με γραμμική διαβάθμιση μεταξύ δύο χρωμάτων. Η διαβάθμιση ξεκινά από το σημείο (0,0) του καμβά και κατευθύνεται προς ένα τελικό σημείο που υπολογίζεται από τη γωνία και την κλίμακα. Για παράδειγμα, με καμβά 1200×630 pixel, γωνία 135 μοιρών και κλίμακα 100%, το τελικό σημείο είναι περίπου (-848.53, 445.48). Σε γωνία 0 μοιρών, η διαβάθμιση εκτείνεται οριζόντια από αριστερά προς τα δεξιά.

Παράδειγμα εισόδου και εξόδου

Αν επιλέξετε χρώματα #3B82F6 (μπλε) και #EC4899 (ροζ), μέγεθος 1200×630, γωνία 135°, κλίμακα 100% και χωρίς διαφάνεια, θα λάβετε μια εικόνα με διαγώνια διαβάθμιση από πάνω αριστερά προς τα κάτω δεξιά. Η διαβάθμιση έχει δύο σημεία χρώματος (stops) στις θέσεις 0 και 1, χωρίς επανάληψη.

Πώς λειτουργεί η κλίμακα

Η κλίμακα επηρεάζει το μήκος του διανύσματος της διαβάθμισης. Σε κλίμακα 200%, το διάνυσμα μικραίνει στο μισό, οπότε η μετάβαση ολοκληρώνεται νωρίτερα και το υπόλοιπο της εικόνας συμπληρώνεται με το χρώμα του τελικού σημείου. Δεν υπάρχει επανάληψη της διαβάθμισης.

Διαφάνεια

Αν ενεργοποιήσετε τη διαφάνεια, μπορείτε να ορίσετε ποσοστό διαφάνειας για κάθε άκρο. Για παράδειγμα, 25% διαφάνεια σημαίνει άλφα 0.75, ενώ 100% σημαίνει άλφα 0 (πλήρως διαφανές).

Περιορισμοί

Το εργαλείο δεν υποστηρίζει περισσότερα από δύο χρώματα, επανάληψη, επιλογή χρωματικού χώρου, διάχυση (dithering), υφές ή μεταφόρτωση εικόνας. Οι μεγάλες διαστάσεις μειώνονται αναλογικά για να τηρηθεί το όριο των 24 εκατομμυρίων pixel.

Συχνές ερωτήσεις

Πώς υπολογίζεται το τελικό σημείο της διαβάθμισης;

Το τελικό σημείο είναι (πλάτος × cos(γωνία) / κλίμακα, ύψος × sin(γωνία) / κλίμακα). Η γωνία μετράται σε μοίρες και η κλίμακα εκφράζεται ως ποσοστό (π.χ. 100% = 1).

Τι συμβαίνει αν ορίσω γωνία 0 μοιρών;

Η διαβάθμιση εκτείνεται οριζόντια από το αριστερό άκρο στο δεξί άκρο του καμβά, με το πρώτο χρώμα στα αριστερά και το δεύτερο στα δεξιά.

Γιατί η εικόνα μου έχει μόνο ένα χρώμα σε μεγάλο μέρος της;

Αυτό συμβαίνει όταν η κλίμακα είναι μεγάλη (π.χ. 200%), οπότε η διαβάθμιση ολοκληρώνεται γρήγορα και το υπόλοιπο συμπληρώνεται με το τελικό χρώμα. Μειώστε την κλίμακα για να καλύψει η διαβάθμιση μεγαλύτερη περιοχή.

Λίστα ελέγχου

• Επιλέξτε δύο χρώματα που έρχονται σε αντίθεση για καλύτερη αναγνωσιμότητα.
• Βεβαιωθείτε ότι οι διαστάσεις είναι κατάλληλες για τον προορισμό (π.χ. κοινωνικά δίκτυα).
• Ελέγξτε τη γωνία και την κλίμακα για να πετύχετε το επιθυμητό εφέ.
• Χρησιμοποιήστε διαφάνεια μόνο αν χρειάζεστε διάφανο φόντο.
• Κατεβάστε το PNG και ελέγξτε το σε διαφορετικές συσκευές.