BraveCLHTML-kuvakoodin luominen Macilla
Luo useille kuville HTML-kuvatunnisteet, joissa on upotetut Base64-tiedot ja kuvaavat vaihtoehtoiset tekstit.
- Lopputulos
- Valmis HTML-joukko, jossa on kolme kuvatunnistetta, upotetut data-URI:t ja kuvaavat vaihtoehtoiset tekstit, kokonaisena kopioitavana tai toimitettavana tuotoksena.
- Mitä tarvitset
- Image Base64 Encoder asennettuna Macille
- Sisäänrakennetut esimerkkikuvat tai omat PNG- tai JPEG-tiedostot
Image Base64 Encoder yhdistää useita kuvia itsenäisiksi HTML-kuvakatkelmiksi. Aloita sisäänrakennetuilla esimerkeillä ja tutustu kuvajoukon ja kuvausten toimintaan.
1.Lataa esimerkkikuvat
Valitse Try Samples (kokeile esimerkkejä) ladataksesi mukana olevat PNG- ja JPEG-esimerkit. Sources-luettelossa (lähteet) näkyvät Checkout-Badge.png, Developer-Workspace.jpg ja Circuit-Board.jpg. Image-näkymässä (kuva) näet valitun tiedoston koodatun data-URI:n.
Image Base64 Encoder Macilla: kolme ladattua PNG- ja JPEG-esimerkkikuvaa sekä koodatun Data URI:n esikatselu 2.Muodosta HTML-kuvajoukko
Valitse esikatselun yläpuolelta Set (joukko) ja jätä HTML valituksi tulostusmuodoksi. Valitse jokainen Sources-luettelon (lähteet) kohde ja kirjoita kuvaava vaihtoehtoinen teksti Description-kenttään (kuvaus). Pidä Decorative image (koristekuva) pois käytöstä, jotta jokaisesta kuvauksesta tulee alt-attribuutti. Varmista, että Set Readiness (joukon valmius) ilmoittaa joukon olevan valmis. Tarkista sitten kolmen kuvan omat HTML-katkelmat ja yhdistetty snippets.html-esikatselu. Esikatselu voi lyhentyä, mutta Copy (kopioi) ja Deliver (toimita) käyttävät koko tuotosta.
Image Base64 Encoder, jossa näkyvät valmis HTML-kuvajoukko, kolme erillistä katkelmaa ja kuvaavat vaihtoehtoiset tekstit HTML-kuvatunnisteissa
Vinkit
Vertaa yksittäisen kuvan data-URI:a koko HTML-tulosteeseen Image- ja Set-välilehdillä.
Kunkin kuvan kuvaus muuttuu sen vaihtoehtoiseksi tekstiksi, kun Decorative image on pois käytöstä.
Pitkän Base64-sisällön esikatselu voi lyhentyä; Copy ja Deliver käyttävät koko tuotosta.
HuomaaUpotetut Base64-kuvatiedot voivat kasvattaa HTML:n kokoa huomattavasti. Tarkista näytetty kopioitavan sisällön koko ennen jakamista tai upottamista.
