Πώς να ενσωματώσει μια PNG σε HTML

Ένα αρχείο PNG είναι ένα αρχείο εικόνας , σαν μια μορφή JPEG ή GIF . Ωστόσο , αρχεία JPEG και αρχεία GIF συμπιέζει την εικόνα , να θυσιάζουν την ποιότητα για ένα μικρότερο μέγεθος αρχείου . PNG εικόνες είναι ασυμπίεστα , οδηγώντας σε οθόνες υψηλότερης ανάλυσης . Για να εμφανίσετε ένα αρχείο εικόνας PNG στην ιστοσελίδα σας , το ενσωματώσετε στον κώδικα HTML σας . Η σύνταξη είναι απλή . Μπορείτε να ελέγξετε το ύψος ή το πλάτος της εικόνας στον κώδικα ή ακόμα και να προσθέσετε ένα περίγραμμα . Οδηγίες

1

Επικολλήστε τον ακόλουθο στον κώδικα HTML στο σημείο όπου θέλετε να εμφανίζεται η εικόνα στο site σας :

2

κάντε δεξί κλικ στο PNG σε απευθείας σύνδεση και επιλέξτε " Αντιγραφή διεύθυνσης εικόνας " ( ή κάτι παρόμοιο) .
εικόνων 3

Επικολλήστε τη διεύθυνση της εικόνας στη θέση του "URL ". Θα πρέπει να καταλήγουν σε . Png . Για παράδειγμα , χρησιμοποιώντας μια φωτογραφία που βρίσκεται στο " http://www.mywebsite.com/myphoto.png , " ο κώδικας έχει ως εξής:
Η 4

Ρυθμίστε το πλάτος και το ύψος με την προσθήκη width = "X" και height = " Χ " πριν από την αγκύλη . Αλλάξτε τις τιμές ( X ) στο μέγεθος που θέλετε ( σε pixels ) . Χρησιμοποιώντας το προηγούμενο παράδειγμα και το μέγεθος 300 pixels x 200 pixel , ο κώδικας έχει ως εξής:

5

Προσθήκη στα σύνορα με τη δακτυλογράφηση border = " 1px μαύρο στερεό " πριν από την αγκύλη . Μπορείτε να αλλάξετε το μέγεθος , το χρώμα ή το στυλ ( στερεά , διακεκομμένες , διάστικτη ) . Ο κώδικας έχει ως εξής:

Η