SVG-endring av størrelse / viewBox-redigering

Har du noen gang trengt å justere størrelsen på et SVG-ikon for en ny nettside-layout eller skalere en logo for et trykkprosjekt uten at det blir uskarpt? Vår SVG-endrer 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 umiddelbart 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-endreren vår

Å 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 spesifisere én dimensjon og la verktøyet beregne den andre for å beholde sideforholdet, eller du kan angi begge for egendefinerte 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 endrede SVG-en umiddelbart.

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

Dette verktøyet er uvurderlig for en rekke oppgaver. Nettutviklere og designere må ofte endre størrelsen på ikoner og logoer for å passe til responsive oppsett. For eksempel kan en logo måtte være 150 piksler bred i en skrivebordshode, men bare 40 piksler for en mobil navigasjonslinje. Det er også viktig for å forberede grafikk for trykk, der du kanskje må skalere en liten nettlogo opp til en stor banner. Hvis du lager et sett med UI-elementer, kan du bruke denne endreren til å generere forskjellige størrelser fra én enkelt masterfil, 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-endring

For å få best mulig resultat, husk disse tipsene:

• Behold sideforholdet: For de fleste logoer og ikoner bør du beholde de opprinnelige 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 på uten å endre de underliggende vektorbanene.
• Forbered for forskjellig bruk: Når SVG-en har riktig størrelse, kan det hende du trenger den i et annet format. Vurder å bruke vår SVG til WebP-omformer for nettet eller SVG til PDF-verktøyet for dokumenter.
• Utforsk flere alternativer: Ikke glem å sjekke ut vår fullstendige samling av verktøy for alle dine bilde- og dokumentkonverteringsbehov.