Newidiwr Maint Delweddau am ddim

Sut Mae'n Gweithio

Mae ailfeintio'n digwydd yn gyfan gwbl yn eich porwr gan ddefnyddio'r Canvas API — yr un injan rendro adeiledig yn Chrome, Firefox, a Safari. Mae eich delwedd yn cael ei thynnu ar gynfas oddi-ar-sgrin ym meintiau newydd a'i hailamgodio'n lleol; ni chaiff dim adael eich dyfais.

1. 1
   Delwedd wedi'i dadgodio gan y porwr

   Pan fyddwch yn gollwng neu'n dewis ffeil, mae'r porwr yn dadgodio'r ddelwedd (JPEG, PNG, WebP, AVIF, neu GIF) i ddata picsel amrwd drwy HTMLImageElement. Darllenir y dimensiynau picsel gwreiddiol a'u defnyddio i ragboblogi'r meysydd lled ac uchder.
2. 2
   Mae Canvas yn ailddarlunio yn y maint newydd

   Mae clicio Ailfeintio'n gosod HTMLCanvasElement oddi-ar-sgrin i'ch lled ac uchder dewisol, yna'n galw ctx.drawImage() i raddio a phaentio pob picsel i mewn i'r dimensiynau newydd. Ar gyfer allbwn JPEG, cymhwysir llenwad cefndir gwyn yn gyntaf fel na fydd ardaloedd tryloyw'n mynd yn ddu.
3. 3
   Mae canvas.toBlob() yn amgodio'r allbwn

   Mae dull adeiledig canvas.toBlob() y porwr yn amgodio'r data picsel i JPEG, PNG, neu WebP ar y lefel ansawdd rydych chi'n ei gosod. Os rhoesoch chi faint ffeil targed, mae chwiliad deuaidd 7-ailadroddiad yn addasu'r paramedr ansawdd yn awtomatig hyd nes bod yr allbwn yn ffitio ar neu o dan y maint hwnnw.
4. 4
   Canlyniad wedi'i ragweld a'i lawrlwytho'n lleol

   Trosir y Blob a amgodiwyd yn URL gwrthrych ar gyfer y panel rhagolwg — dim taith gron gweinydd. Mae clicio lawrlwytho'n tanio cadwad lleol ag enw ffeil sy'n cynnwys y dimensiynau picsel terfynol.

Offer Cysylltiedig