BraveCLSådan laver du HTML-billedkode på Mac
Generér HTML-billedtags med indlejrede Base64-data og beskrivende alttekst til flere billeder.
- Resultatet
- Et klart HTML-sæt med tre billedtags med indlejrede data-URI'er og beskrivende alttekst, tilgængeligt som et samlet resultat, du kan kopiere eller levere.
- Det skal du bruge
- Image Base64 Encoder installeret på Mac
- De indbyggede eksempelbilleder eller dine egne PNG- eller JPEG-filer
Image Base64 Encoder samler flere billeder i selvstændige HTML-kodestykker. Start med de indbyggede eksempler for at se, hvordan et billedsæt og dets beskrivelser fungerer.
1.Indlæs eksempelbillederne
Vælg Try Samples (prøv eksempler) for at indlæse de medfølgende PNG- og JPEG-eksempler. Listen Sources (kilder) viser Checkout-Badge.png, Developer-Workspace.jpg og Circuit-Board.jpg. Visningen Image (billede) viser en kodet data-URI for den valgte fil.
Image Base64 Encoder på Mac med tre indlæste PNG- og JPEG-eksempler og en visning af en kodet Data URI 2.Byg HTML-billedsættet
Vælg Set (sæt) over visningen, og lad HTML være valgt som outputformat. Vælg hver post i Sources (kilder), og indtast meningsfuld alternativ tekst i Description (beskrivelse). Lad Decorative image (dekorativt billede) være slået fra, så hver beskrivelse bliver en alt-attribut. Kontrollér, at Set Readiness (sættets status) siger, at sættet er klart. Gennemgå derefter de tre HTML-bidrag og den samlede visning af snippets.html. Visningen kan være afkortet, men Copy (kopiér) og Deliver (lever) bruger hele resultatet.
Image Base64 Encoder med det klare HTML-billedsæt, tre individuelle kodestykker og beskrivende alttekst i HTML-billedtags
Tips
Brug fanerne Image og Set til at sammenligne et enkelt billedes data-URI med det samlede HTML-output.
Hver beskrivelse bliver alttekst til det tilsvarende billede, når Decorative image er slået fra.
Visningen kan være afkortet ved langt Base64-indhold; Copy og Deliver bruger hele resultatet.
Pas påIndlejrede Base64-billeddata kan gøre HTML meget større. Kontrollér den viste kopistørrelse, før du deler eller indlejrer resultatet.
