Vad är en bild av en digital klocka?

En digital klocka visar tiden med siffror i stället för visare på en urtavla, precis som väckarklockor, mikrovågsugnar och resultattavlor gör. Det här verktyget återger det utseendet som en nedladdningsbar bild och använder riktiga typsnitt som redan är installerade i webbläsaren i stället för ett specialritat typsnitt, så att siffrorna förblir skarpa och överensstämmer med det du ser på skärmen.

Verktygsbeskrivning

Ange timmar, minuter och sekunder, eller hämta aktuell tid med ett klick. Välj sedan 12- eller 24-timmarsformat och om sekunder ska visas. Välj typsnitt och teckenstorlek, aktivera eller inaktivera en LED-liknande glöd och justera dess intensitet. Ange vid behov en bakgrundsfärg och en sifferfärg och ladda sedan ned resultatet som PNG eller JPG.

Funktioner

  • Ange valfria timmar, minuter och sekunder, eller fyll i aktuell tid direkt
  • 12-timmarsformat med etiketten AM/PM eller 24-timmarsformat
  • Visa eller dölj sekunder
  • Välj mellan typsnitt med fast teckenbredd och systemtypsnitt, så att förhandsvisningen alltid överensstämmer med den nedladdade bilden
  • En valfri glöd med justerbar intensitet för ett realistiskt LED- eller väckarklocksutseende
  • En valfri bakgrund, så att du kan exportera siffrorna med transparent bakgrund
  • Anpassningsbar bakgrundsfärg, sifferfärg och teckenstorlek
  • Ladda ned som PNG eller JPG, eller skriv ut, med upp till 3× upplösning

Så fungerar det

Tiden återges som vanlig text i det typsnitt du väljer, med tabulära siffror så att varje siffra får samma bredd. Eftersom olika typsnitt placerar sina tecken på olika sätt i förhållande till den egna baslinjen och sidobredderna mäter verktyget varje typsnitts faktiska renderade teckeninnehåll med Canvas-API:et TextMetrics och justerar texten så att den förblir centrerad i panelen oavsett vilket typsnitt som väljs. Glöden är en text-shadow bakom siffrorna som efterliknar hur en riktig LED-skärm sprider ljus över sitt hölje. Stäng av den för ett platt och rent utseende. Eftersom visningen byggs med typsnitt som redan är installerade i webbläsaren i stället för ett inbäddat specialtypsnitt ser den nedladdade bilden alltid exakt ut som förhandsvisningen.

Tips

  • Aktivera glöden med en mörk bakgrund och röda eller gröna siffror för ett realistiskt väckarklocks- eller resultattavleutseende.
  • Stäng av bakgrunden för att skapa en transparent PNG som du kan lägga ovanpå en annan design.
  • Stäng av ”Visa sekunder” för en renare tidsvisning i två delar, till exempel för en bild av en väggklocka eller en miniatyrbild.
  • Öka teckenstorleken för en stor bild i bannerformat, eller håll den liten för en ikon eller som underlag för en favicon.