Δημιουργία responsive εικόνων

Εξαγάγετε την ίδια εικόνα σε διαφορετικά πλάτη και αντιγράψτε το αντίστοιχο HTML srcset.

Στη συσκευή σου · Χωρίς λογαριασμό

Το Δημιουργία responsive εικόνων επεξεργάζεται όσα εισάγεις σε αυτό το πρόγραμμα περιήγησης. Τα δεδομένα εισόδου και τα αποτελέσματα δεν περιλαμβάνονται στα δεδομένα ανάλυσης χρήσης. Τα πρόσφατα εργαλεία αποθηκεύουν ονόματα εργαλείων, αριθμό επισκέψεων και χρόνους τελευταίας επίσκεψης. Τα αποθηκευμένα εργαλεία κρατούν μόνο τα ονόματά τους. Η αποθήκευση προχείρου είναι προαιρετική και γίνεται μόνο σε αυτή τη συσκευή· διέγραψε το αποθηκευμένο κείμενο από τα χειριστήρια του προχείρου. Η φόρτωση κειμένου από URL είναι προαιρετική και συνδέεται με τον αντίστοιχο διακομιστή· ο διακομιστής βλέπει το URL και τη διεύθυνση IP σου. Η προαιρετική ενέργεια «Χρήση σε» κρατά προσωρινά σε αυτή την καρτέλα τα δεδομένα για το επόμενο εργαλείο. Το επόμενο εργαλείο τα αφαιρεί μόλις ανοίξει και τα αγνοεί αν έχει περάσει πάνω από ένα λεπτό.

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

Η προεπισκόπησή σας

Your image preview appears here.
Preparing preview…

Περισσότερα
Συντομεύσεις πληκτρολογίου

Σχετικά με συνδέσμους και επαναφορά

Οι σύνδεσμοι περιλαμβάνουν τα δεδομένα που εισάγετε και τις ρυθμίσεις σας. Όποιος έχει τον σύνδεσμο μπορεί να τα δει, οπότε μην συμπεριλαμβάνετε ιδιωτικό κείμενο. Τα αρχεία και τα αποτελέσματα που δημιουργούνται δεν περιλαμβάνονται· οι τυχαίες κληρώσεις εκτελούνται ξανά.

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

Πώς δημιουργείτε responsive εικόνες

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

Επόμενο: Επιλογή χρώματος από εικόνα

Παράδειγμα

Το δείγμα 640 × 360 γίνεται 320 × 180 στο πρώτο προεπιλεγμένο πλάτος. Η παραλλαγή πλάτους 640 pixel παραμένει 640 × 360.

Πριν χρησιμοποιήσετε το αποτέλεσμα

Τα αρχεία PNG, JPEG και WebP αποκωδικοποιούνται από το πρόγραμμα περιήγησης. Στα κινούμενα αρχεία χρησιμοποιείται το πρώτο καρέ. Τα χρωματικά προφίλ μπορούν να επηρεάσουν τα χρώματα που εμφανίζονται· οι εξαγωγές περιέχουν τα αποδοσμένα pixel, όχι τα αρχικά μεταδεδομένα.

Επόμενο: Αλλαγή μεγέθους εικόνας

Ενημερώθηκε

Παραπομπή σε αυτή τη σελίδα

ToolOctopus. “Δημιουργία responsive εικόνων.” Ενημερώθηκε 7 Οκτωβρίου 2026. https://tooloctopus.com/el/δημιουργία-responsive-εικόνων.

Προσθέστε ημερομηνία πρόσβασης, αν απαιτείται από τις οδηγίες σας.

Οι παραπομπές μορφοποιούνται με το citeproc-js του Frank Bennett και πρότυπα Citation Style Language. Άδεια χρήσης και πηγαίος κώδικας.

Βρες ένα εργαλείο

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.