PixRinseΤα στιγμιότυπα οθόνης δείχνουν την αγγλική εφαρμογή. Τα προκαθορισμένα ονόματα και τα στοιχεία ελέγχου είναι επίσης διαθέσιμα στη γλώσσα της εφαρμογής σας.
Η αφετηρία σας
Χρησιμοποιήστε το Προσαρμοστικός ιστός στο PixRinse και, στη συνέχεια, ελέγξτε αυτές τις ρυθμίσεις σε σχέση με τον πραγματικό προορισμό σας.
| πλάτη | 320 / 640 / 1280 / 1920 px |
|---|---|
| Παραγωγή | WebP, ποιότητα 80 |
| Χρώμα | sRGB |
| Μικρές πηγές | Οι μεγαλύτερες παραλλαγές παραλείπονται |
Πώς να το κάνετε
Ξεκινήστε με το αρχικό στοιχείο
Χρησιμοποιήστε μια πηγή αρκετά ευρεία για τη μεγαλύτερη παραλλαγή που χρειάζεστε. Κάθε παράγωγο δημιουργείται από το πρωτότυπο αντί να αλλάζει επανειλημμένα το μέγεθος.
Επιλέξτε Προσαρμοστικός ιστός
Ελέγξτε τα τέσσερα ενσωματωμένα πλάτη και τα ονόματα αρχείων. Οι παραλλαγές που είναι ευρύτερες από την πηγή παραλείπονται, επομένως επιθεωρήστε τον προγραμματισμένο αριθμό εξόδων.
Εξαγωγή του συνόλου εικόνων
Ελέγξτε όλα τα αποτελέσματα. Οι πολλαπλές έξοδοι ανά πηγή απαιτούν Pro. η ελεύθερη βαθμίδα μπορεί ακόμα να χρησιμοποιηθεί για τη δοκιμή μιας ροής εργασίας ενός μεγέθους.
Προσθέστε τις εικόνες στη σελίδα σας
Χρησιμοποιήστε περιγραφείς πλάτους στο srcset και ορίστε sizes για να ταιριάζει με την πραγματική διάταξη. Συμπεριλάβετε ακριβές πλάτος, ύψος και εναλλακτικό κείμενο στο στοιχείο εικόνας.
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>ΤΑ ΑΡΧΕΙΑ ΑΠΟ ΑΥΤΗ ΤΗΝ ΠΕΡΙΠΤΩΣΗ
Τι παρήγαγε αυτό το παράδειγμα
Μια πηγή πλάτους 3072 px είναι αρκετά μεγάλη και για τα τέσσερα προκαθορισμένα πλάτη. Κάθε αρχείο είναι ένα ξεχωριστό WebP, που δημιουργείται απευθείας από αυτήν την πηγή.
- Ποιότητα
- 80
- Χρωματικό προφίλ
- sRGB
- Έξοδοι από μία πηγή
- 4
| Αρχείο | Σχήμα και διάταξις βιβλίου | Pixels | Bytes |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | 35.214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64.108 |
| vase-320w.webp | WebP | 320 × 213 | 4.018 |
| vase-640w.webp | WebP | 640 × 427 | 11.594 |
Μετρήθηκε στα δείγματα αρχείων που εμφανίζονται. Τα αποτελέσματά σας εξαρτώνται από τα πρωτότυπα και τις ρυθμίσεις σας. Η φωτογραφία από κεραμικό αγγείο είναι ένα δείγμα που δημιουργήθηκε από AI. Τα στιγμιότυπα οθόνης της εφαρμογής και οι μετρήσεις των εξαγόμενων αρχείων είναι πραγματικές.
Μερικές κοινές ερωτήσεις
Τι συμβαίνει εάν η πηγή μου έχει πλάτος μόνο 1000 px;
Το πρότυπο παραλείπει τις παραλλαγές 1280 και 1920 px. Αναφέρετε μόνο αρχεία που δημιουργήθηκαν πραγματικά.
Η εφαρμογή δημιουργεί HTML;
Αυτή η ροή εργασίας παράγει εικόνες. Προσθέστε srcset και sizes στον κώδικα του ιστότοπού σας ή στο σύστημα περιεχομένου σας.
Βάλτε τη ροή εργασίας να δουλέψει.
Ανοίξτε το PixRinse, προσθέστε μερικές εικόνες και ξεκινήστε με τις παραπάνω ρυθμίσεις.
Λήψη για MacΔωρεάν: έως 10 εικόνες ανά παρτίδα και μία έξοδος ανά πηγή. Οι πολλαπλές εξόδους αυτής της ροής εργασίας απαιτούν Pro. Σύγκριση Δωρεάν & Pro.