Imej & foto · Imej Pelayar & Editor Lukisan
Cara pemangkasan berfungsi dalam editor imej pelayar: kanvas dan piksel
· Bagaimana ia berfungsi
penyuntingan imej kanvas pemprosesan pelayar
Pemotongan kelihatan remeh, tetapi editor pelayar perlu menyahkod fail, menyalin segi empat tepat piksel pada kanvas dan mengekod fail yang serba baharu. Siaran ini menerangkan setiap langkah dan menerangkan perkara yang berubah dan perkara yang kekal sama.
Mengapa foto yang dipangkas ialah fail baharu, bukan foto lama yang dipangkas — pemangkasan tidak boleh memadamkan bait sahaja daripada JPEG atau PNG, jadi editor menyahkod dan mengekod semula
A JPEG menyimpan data imej yang dimampatkan, bukan satu rentang bait yang boleh dipadam secara berasingan bagi setiap baris yang boleh dilihat. Memotong bait dari hujungnya akan merosakkan fail, bukan memangkas gambar. Oleh itu, penyunting pelayar menyahkod gambar, memilih segi empat tepat dan mencipta fail berkod baharu. Yang asal kekal pada cakera anda. Jika anda memerlukan pengeditan boleh balik, kekalkan sumber dan koordinat pemilihan: pemangkasan yang dieksport tidak mengandungi piksel yang hilang.
Menyahkod imej menjadi peta bit — cara pelayar menukar bait termampat kepada grid lebar × ketinggian RGBA piksel sebelum apa-apa boleh dipilih
Pelayar menukar JPEG, PNG atau WebP yang dimampatkan kepada peta bit dengan sampel lebar × ketinggian. Imej 4000×3000 mewakili dua belas juta piksel sebelum sebarang pemangkasan, dan beberapa bait setiap piksel boleh menjadikan jejak dalam ingatannya jauh lebih besar daripada fail pada cakera. ToolAcre menyemak had imej dan kanvas sebelum memperuntukkan ruang kerja yang sangat besar. Perkara yang anda lihat pada skrin mungkin dizum agar sesuai dengan port pandangan; segi empat potong masih mesti dipetakan kembali ke koordinat imej sebelum piksel disalin.
Memilih segi empat tepat: koordinat sumber dan destinasi — cara drawImage menyalin rantau yang dipilih pada kanvas saiz sasaran dan maksud pembundaran kepada keseluruhan piksel
Segi empat tepat ialah asalan (x,y) ditambah lebar dan tinggi, diukur dalam piksel sumber. ToolAcre mengekang segi empat tepat kepada sempadan dokumen dan memangkas setiap lapisan yang kelihatan, bukan sekadar tangkapan skrin pratonton komposit. Untuk setiap lapisan ia mencipta kanvas sasaran dan memanggil drawImage dengan sembilan argumen: kanvas sumber, segi empat tepat sumber, asal destinasi dan saiz destinasi. Dengan dimensi sumber dan destinasi yang sama, piksel dipilih tanpa langkah mengubah saiz. Kedudukan penuding pecahan dibundarkan atau diapit pada piksel kanvas yang boleh diwakili.
Pengekodan hasil kembali ke fail — mengapa langkah eksport menentukan format dan kualiti, dan sebab pemangkasan itu sendiri adalah tepat manakala pengekodan mungkin tidak
Eksport adalah operasi yang berasingan daripada tanaman. Kanvas yang diedit boleh dikodkan sebagai PNG, JPEG atau WebP bergantung pada pilihan dan sokongan pelayar. PNG boleh mengekalkan piksel yang dibekalkan kepada pengekod tanpa kerugiannya; JPEG membuang beberapa butiran walaupun segi empat tepat telah dipilih dengan tepat dan ketelusan memerlukan latar belakang yang disengajakan apabila menggunakan format tanpa alfa. Fail baharu juga boleh meninggalkan metadata sumber atau maklumat warna, jadi jangan sekali-kali menghuraikannya sebagai subset bait demi bait bagi yang asal.
Contoh yang berjaya: memangkas foto 4000×3000 ke sepanduk 1600×900 — mengikut kiraan piksel melalui penyahkod, salin dan eksport
Bagi seorang blogger dengan a 4000×3000 foto, berpusat 1600×900 sepanduk bermula pada x=1200 dan y=1050. drawImage menyalin lajur 1200 melalui 2799 dan baris 1050 melalui 1949 kepada a 1600×900 keluaran: 1.44 juta piksel bukannya dua belas juta. Jika sebaliknya anda meminta editor mengecilkan gambar penuh 1600×900, anda menukar nisbah bidang dan sampel semula daripada membuat pemangkasan ini. Pada telefon terhad memori, editor mungkin mengurangkan input yang sangat besar dahulu, jadi semak dimensi yang dipaparkan sebelum mengulangi koordinat ini.
Apa tanaman yang dieksport tidak boleh pulih daripada gambar asal
Ini bukan pemangkasan blok JPEG tanpa kerugian: aplikasi melukis piksel dan mengeksport bekas baharu. Fail 1600×900 yang dieksport juga tidak boleh memulihkan jidar yang dibuang selepas anda menutup yang asal. Dokumen pengeditan berlapis adalah berbeza sekali lagi: pemangkasan bertindak pada lapisan dokumen, manakala eksport menggabungkannya ke dalam imej yang dimuat turun. Untuk bahan sensitif, memotong jidar keluar adalah lebih selamat daripada sekadar melukis tindanan legap, tetapi periksa piksel yang dieksport dan simpan yang asal secara peribadi.
Bawa pulang: piksel tepat, bekas baharu — sebab pemangkasan pelayar adalah tepat dan cara Editor Imej & Lukisan Pelayar melaksanakannya tanpa memuat naik fail
Pangkasan pelayar adalah tepat tentang piksel yang dinyahkodkan untuk disimpan, manakala pengekod yang dipilih mengawal fail yang dimuat turun. Imej Pelayar & Editor Lukisan melakukan kedua-dua langkah pada peranti anda: memuatkan gambar, pilih segi empat tepat, gunakan pemangkasan dan eksport. Rangkaian tidak memerlukan bait foto untuk mana-mana langkah, tetapi aset tapak dan permintaan AdSense/analytics yang didedahkan tidak boleh dikelirukan dengan muat naik fail dalam DevTools.