Joan eduki nagusira
LibraTool logoLibraTool

Irudi Mozketailea doan

Moztu irudiak arrastaka, hautazko aspektu-erlazio murrizketak (1:1, 16:9, 4:3, etab.), heren-araua eta esportazio anitzeko formatua (JPEG, PNG, WebP).

Linez kanpo funtzionatzen du behin kargatuta

Jaregin fitxategi bat hemen edo egin klik arakatzeko

JPG, PNG, WebP, HEIC, HEIF · zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak

Aholkua: pantaila-argazki bat itsats dezakezu Ctrl+V sakatuta

Zure fitxategiak ez dira inoiz zure gailutik irteten. Prozesamendu guztia zure arakatzailean gertatzen da lokalean.

Ohiko erabilerak

  • Mozketa Instagram hobetsiko 1:1 (karratua), 4:5 (neurria) eta 1.91:1 (landa) ere.Mozteko Instagram-en hobetsitako 1:1 (karratu), 4:5 (bertikala) eta 1.91:1 (horizontala) aspektu-anizkoiak.
  • Mozketa Profilaren Irudiak KarratueraSortu profilaren irudiak karratu LinkedIn, Twitter, GitHub edo edozein sare sozial.
  • Mozketa YouTube eta Artikuluaren TxikiakMozketa YouTube bideo eta gehien blog artean 16:9 ere erabiltzen da.
  • Mozketa Pasaporte / Argitarratzaile ArgazkiakMozketa argazkiak 2:3 neurri pasaporte, bisa eta identifikazio aplikazioa.
  • Mozketa E-denda Produktu ArgazkiakStandardizatu produktu argazki ere Amazon, Shopify, Etsy eta merkatu.

Nola Funtzionatzen Du

Mozketa erabat zure nabigatzailean gertatzen da HTML5 Canvas APIa erabiliz — igoerarik ez, zerbitzaririk ez. Hautapen-eskualde bat arrastatzen duzu zuzenean oihal-elementu batean, eta mozketa aplikatzen duzunean, nabigatzailearen jatorrizko 2D errendatze-motorrak hautatutako pixelak bakarrik irakurtzen ditu eta JPEG, PNG, edo WebP-ra berriz kodetzen ditu.

  1. 1
    Irudia memoriara kargatuta
    Zure fitxategia URL.createObjectURL()-ekin irakurtzen da, nabigatzaileari blob-URL lokal bat eskuratuz. HTMLImageElement batek fitxategia erabat nabigatzaile-fitxan dekodetzen du — irudi-byteak inoiz ez dira zure gailutik ateratzen.
  2. 2
    Pointer Events-ek mozketa-hautapena gidatzen du
    Nabigatzailearen Pointer Events API (sagua, ukipena, eta arkatza bateratzen dituena) arrasteak jarraitzen ditu oihal gainjartze batean. Hautapenetik kanpo sakatzeak laukizuzen berri bat hasten du; barrutik sakatzeak mugitzen du; behe-eskuineko izkinatik gertu sakatzeak tamaina aldatzen du. Alderdi-erlazio aurrezarpen aukerakoek (1:1, 16:9, 4:3, e.a.) geometria mugatzen dute arrastatzean.
  3. 3
    Oihal-ak aurrebista bizia marrazten du
    Mozketa-aldaketa bakoitzean, Canvas 2D testuinguruak irudia berriz marrazten du, gainjartze ilun bat aplikatzen du hautapenetik kanpo, mozketa-eskualdea garbitzen du jatorrizko irudia fideltasun osoan erakusteko, eta herenen-arau sareta bat eta tamaina-aldatzeko helduleku urdin-berde bat gainjartzen ditu.
  4. 4
    toBlob()-ek emaitza kodetu eta ematen du
    Moztu klikatzen duzunean, pantailatik kanpoko oihal berri bat sortzen da mozketa-dimentsio zehatzetan. ctx.drawImage()-ek hautatutako laukizuzena bakarrik kopiatzen du, eta canvas.toBlob()-ek emaitza kodetzen du nabigatzailearen jatorrizko JPEG, PNG, edo WebP kodetzailea erabiliz zure hautatutako kalitate-ezarpenean. Irteera blob-URL lokal gisa ematen da deskargarako.

Zure irudia blob-URL lokal gisa irekitzen da eta erabat zure nabigatzaile-fitxan prozesatzen da — ezer ez da inoiz inongo zerbitzarira igotzen.

Erlazionatutako tresnak

Maiz egiten diren galderak