Konvertera pixlar och rem med en valfri bas

Med Pixlar och REM kan designers och frontendutvecklare justera ett gränssnitt före implementering. Konvertera pixlar och rem med en valfri bas.

Konvertera pixlar och rem med en valfri bas. Verktyget är gratis i webbläsaren och visar resultatet utan att kräva ett konto.

Så använder du

1. Hitta de tre uppgifter som formuläret efterfrågar: värdet som ska konverteras, dess utgångsenhet och pixelbasen.
2. Ange det numeriska värdet och välj sedan om det anges i PX eller REM.
3. Ange den pixelbas som projektet använder, till exempel 16, eftersom den bestämmer förhållandet mellan båda enheterna.
4. Kör konverteringen för att visa motsvarande värde i resultatfältet.
5. Rensa fälten för att börja om, eller importera en godkänd textfil när värdena redan finns i ett dokument.

Exempel

Med 24, PX och en bas på 16 omvandlar verktyget en pixelstorlek till motsvarande rem-värde. Kontrollera värdet i resultatområdet och ändra sedan talet eller basen för att jämföra andra layouter utan att redigera din stilmall.

Indata

24
PX
16

Resultat

24px = 1.5rem

Gränser och format

• Konverteringen förutsätter att den valda basen matchar din stilmall; en felaktig bas ger ett missvisande förhållande.
• Importerade filer måste följa de textformat som stöds, inklusive CSV, JSON, MD, XML eller YAML, annars kan läsningen misslyckas.
• Verktyget redigerar inte din kod, validerar inte ett designsystem och väljer inte rätt bas åt dig.
• Avrunda det visade värdet om projektet kräver ett visst antal decimaler.

Var bearbetningen sker

Alla beräkningar körs i din webbläsare. Värdet, enheten och basen stannar på din enhet medan du arbetar, och inget konto behövs.

Vanliga frågor

Vilken bas bör jag använda när mitt projekt inte utgår från 16 pixlar?

Använd den bas som faktiskt är definierad i projektet, eftersom konverteringen beror på det talet. Om olika avsnitt använder olika baser upprepar du åtgärden för var och en. Kopiera resultatet först efter att ha bekräftat vilken bas som gäller för elementet du justerar.

Kan jag konvertera en hel lista med värden på en gång?

Formuläret visar ett inmatningsfält och ett resultatområde för konverteringen. Du kan importera en textfil som stöds eller upprepa åtgärden för varje värde. Granska varje konverterat tal innan du lägger in det i en stilmall eller designfil.

Avrundar verktyget det konverterade värdet åt mig?

Det visar konverteringen baserat på värdet och basen du anger. Om projektet har en avrundningsregel tillämpar du den på resultatet själv. Kontrollera det slutliga talet innan du använder det i en layout där precision är viktig.

Verktyg i samma kategori

• Typografisk skala