SVG-størrelse og viewBox-redigering

Har du noen gang trengt å justere størrelsen på et SVG-ikon for en ny nettsideoppsett eller skalere en logo for et trykkprosjekt uten at det blir en uskarp rot? SVG-størrelsesverktøyet vårt er den perfekte løsningen. Fordi SVG-er er vektorbaserte, kan de skaleres til alle dimensjoner uten å miste en eneste piksel av kvalitet. Dette gratis nettverktøyet lar deg øyeblikkelig endre bredde, høyde og viewBox på SVG-filene dine, slik at de ser skarpe og perfekte ut uansett hvor du bruker dem.

Slik fungerer SVG-størrelsesverktøyet vårt

Å bruke dette verktøyet er utrolig enkelt. Bare last opp SVG-filen din, så ser du alternativer for å angi ny bredde og høyde i piksler. Du kan angi én dimensjon og la verktøyet beregne den andre for å beholde sideforholdet, eller du kan angi begge for tilpassede dimensjoner. Verktøyet lar deg også endre viewBox-attributtet direkte, noe som gir deg presis kontroll over det synlige området av grafikken. Når du er fornøyd med endringene, kan du laste ned den nylig tilpassede SVG-en umiddelbart.

Når du bør bruke dette verktøyet

Dette verktøyet er uvurderlig for en lang rekke oppgaver. Nettutviklere og designere trenger ofte å endre størrelsen på ikoner og logoer for å passe til responsive layouter. For eksempel kan en logo være 150 px bred i en skrivebordstopptekst, men bare 40 px for en mobilnavigasjonslinje. Det er også essensielt for å forberede grafikk for trykk, der du kanskje må skalere en liten web-logo opp til en stor banner. Hvis du lager et sett med UI-elementer, kan du bruke dette størrelsesverktøyet til å generere forskjellige størrelser fra en enkelt hovedfil, noe som sparer deg for betydelig tid og innsats. Vi har en hel serie med SVG-vektorverktøy for å hjelpe deg med arbeidsflyten.

Tips for perfekt SVG-størrelsesjustering

For å få best mulig resultat, ha disse tipsene i bakhodet:

• Behold sideforholdet: For de fleste logoer og ikoner vil du beholde de originale proporsjonene. Bare angi en ny bredde eller høyde, så vil verktøyet automatisk beregne den andre verdien for å forhindre forvrengning.
• Forstå viewBox: viewBox er som et vindu inn på SVG-lerretet ditt. Å justere den kan være en kraftig måte å beskjære eller omramme bildet ditt uten å endre de underliggende vektorbanene.
• Forbered for ulike bruksområder: Når SVG-en din har perfekt størrelse, kan det hende du trenger den i et annet format. Vurder å bruke vår SVG til WebP-konverterer for nettet eller SVG til PDF-verktøyet for dokumenter.
• Utforsk flere alternativer: Ikke glem å sjekke ut vår fulle samling av verktøy for alle dine bilde- og dokumentkonverteringsbehov.