BraveCLSå skapar du HTML-bildkod på Mac
Skapa HTML-bildtaggar med inbäddade Base64-data och beskrivande alternativtext för flera bilder.
- Resultatet
- En färdig HTML-uppsättning med tre bildtaggar med inbäddade data-URI:er och beskrivande alternativtext, tillgänglig som ett fullständigt resultat att kopiera eller leverera.
- Det här behöver du
- Image Base64 Encoder installerat på Mac
- De inbyggda exempelbilderna eller egna PNG- eller JPEG-filer
Image Base64 Encoder samlar flera bilder i fristående HTML-kodsnuttar. Börja med de inbyggda exemplen för att se hur en bilduppsättning och dess beskrivningar fungerar.
1.Läs in exempelbilderna
Välj Try Samples (prova exempel) för att läsa in de medföljande PNG- och JPEG-exemplen. Listan Sources (källor) visar Checkout-Badge.png, Developer-Workspace.jpg och Circuit-Board.jpg. Vyn Image (bild) förhandsvisar en kodad data-URI för den valda filen.
Image Base64 Encoder på Mac med tre inlästa PNG- och JPEG-exempel och en förhandsvisning av en kodad Data URI 2.Skapa HTML-bilduppsättningen
Välj Set (uppsättning) ovanför förhandsvisningen och låt HTML vara valt som utmatningsformat. Markera varje post i Sources (källor) och ange meningsfull alternativtext i Description (beskrivning). Låt Decorative image (dekorativ bild) vara avstängt så att varje beskrivning blir ett alt-attribut. Kontrollera att Set Readiness (uppsättningens status) anger att uppsättningen är klar. Granska sedan de tre enskilda HTML-bidragen och den samlade förhandsvisningen av snippets.html. Förhandsvisningen kan förkortas, men Copy (kopiera) och Deliver (leverera) använder hela resultatet.
Image Base64 Encoder med den färdiga HTML-bilduppsättningen, tre enskilda kodsnuttar och beskrivande alternativtext i HTML-bildtaggar
Tips
Använd flikarna Image och Set för att jämföra en enskild bilds data-URI med den samlade HTML-utmatningen.
Varje beskrivning blir motsvarande bilds alternativtext när Decorative image är avstängt.
Förhandsvisningen kan förkortas vid långt Base64-innehåll; Copy och Deliver använder hela resultatet.
ObsInbäddade Base64-bilddata kan göra HTML mycket större. Kontrollera den visade kopieringsstorleken innan du delar eller bäddar in resultatet.
