Afbeelding Spiegelen & Roteren

Free

Spiegel een afbeelding horizontaal of verticaal, of roteer het met 90°, 180°, of elke aangepaste hoek direct in je browser.

Klik om een afbeelding te kiezen, of sleep er een hierheen

Recente Activiteit

Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.

Nog geen activiteit. Wees de eerste.

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Spiegelt een afbeelding horizontaal of verticaal, draait het 90° of 180° met één klik, of draait het met elke aangepaste hoek van -180° tot 180° met een keuze uit transparante of effen-kleurige achtergrond voor de blootgelegde hoeken, allemaal direct in je browser.

Hoe Het Werkt

Horizontaal Spiegelen spiegelt elke pixel over de verticale middellijn, zodat de pixel op kolom x wisselt met de pixel op kolom (breedte - 1 - x) in dezelfde rij. Verticaal Spiegelen doet hetzelfde over de horizontale middellijn, wisselt rij y met rij (hoogte - 1 - y). Roteer 90° en Roteer 180° zetten elke pixel opnieuw naar een nieuwe positie met exacte gehele-getal-coördinaten, geen resampling en geen kwaliteitsverlies, en wisselen de breedte en hoogte van de afbeelding voor de 90°-rotaties. De aangepaste-hoek-schuifregelaar gebruikt de native rotatietransformatie van het canvas om de afbeelding rond zijn middelpunt met elke hoek te draaien, met de nieuwe canvasgrootte berekend uit de klassieke omhullende-vak-formule voor een gedraaide rechthoek: nieuweBreedte = |W×cos(θ)| + |H×sin(θ)|, nieuweHoogte = |W×sin(θ)| + |H×cos(θ)|, zodat de hele gedraaide afbeelding altijd past zonder te worden bijgesneden.

Problemen die het oplost

Een zijwaarts of ondersteboven genomen foto van een telefoon of camera repareren.
Een foto spiegelen zodat een persoon of object de andere richting op kijkt.
Een iets gekanteld foto rechtzetten, of een opzettelijk schuin ontwerpelement maken.

Veelgestelde vragen

›Wat is het verschil tussen "Spiegelen" en "Roteren"?

Spiegelen weerspiegelt de afbeelding over een as, zoals ernaar kijken in een spiegel, dus links en rechts (of boven en onder) wisselen van plaats maar niets draait. Draaien draait de hele afbeelding om zijn middelpunt met een hoek, dus zijn oriëntatie verandert maar het wordt nooit gespiegeld.

›Waarom worden de spiegel- en 90°/180°-roteerknoppen direct toegepast, maar heeft de aangepaste hoek "Rotatie Toepassen" nodig?

Spiegelen en draaien met exacte veelvouden van 90 graden herschikken gewoon bestaande pixels in een nieuw raster, dus er is niets om te bekijken, het resultaat is ondubbelzinnig zodra je klikt. Een aangepaste hoek heeft resampling en een achtergrondkeuze nodig voor de hoeken die het blootlegt, dus het toont eerst een live-voorbeeld en committeert pas aan de afbeelding zodra je op Toepassen klikt, waardoor je de hoek en achtergrond kunt fijnafstemmen voordat je het vastlegt.

›Waarom wordt het canvas groter wanneer ik roteer met een aangepaste hoek?

Een rechthoek draaien met iets anders dan een veelvoud van 90 graden laat hem buiten zijn originele omhullende vak uitsteken, zoals een gekanteld schilderijlijst dat meer muurruimte nodig heeft. Het canvas groeit om exact bij de gedraaide afbeelding te passen zodat er geen deel wordt afgesneden, en de hoeken die leeg blijven door de rotatie worden gevuld met je gekozen achtergrondkleur of transparant gelaten.

›Moet ik een transparante achtergrond of een effen kleur kiezen voor aangepaste-hoek-rotatie?

Transparant werkt het beste als je de geroteerde afbeelding over iets anders plaatst, zoals een ontwerplayout of andere foto, aangezien het wordt gedownload als PNG die die hoeken doorzichtig houdt. Een effen kleur is zinvol als de afbeelding op zichzelf moet staan, zoals een gekleurde kaart vullen of overeenkomen met een pagina-achtergrond.

›Wordt mijn foto ergens geüpload?

Nee. Elke spiegeling en rotatie gebeurt lokaal in je browser met de HTML-canvas-API. Er wordt niets naar een server verzonden.

Voeg een of meer aangepaste tekstbijschriften toe aan een afbeelding, direct in je browser.