Imej & foto · Imej Pelayar & Editor Lukisan
Grafik raster vs vektor: mengapa lukisan pada foto menjadi piksel
· Latar belakang
penyuntingan imej kanvas pemprosesan pelayar
Imej raster ialah grid piksel; grafik vektor ialah arahan untuk melukis bentuk. Siaran ini menerangkan perbezaannya, mengapa foto sahaja boleh menjadi raster dan sebab apa sahaja yang anda lukis padanya mewarisi nasib yang sama semasa eksport.
Logo yang menjadi kabur dan foto yang tidak boleh 'divektorkan' — dua kekeliruan setiap hari dengan satu penjelasan
Logo kabur dan gambar beranotasi sering dipersalahkan atas masalah yang sama, tetapi ia bermula sebagai jenis bahan yang berbeza. Logo vektor ialah satu set arahan untuk laluan, lejang dan isian; gambar adalah medan terhingga sampel warna. Editor membuka gambar sebagai peta bit raster bersaiz kanvas, jadi dunia kerjanya sudah menjadi grid piksel sebelum garis atau segi empat tepat dilukis.
Lukiskan kotak di atas foto, eksportnya dan zum ke tepi. Hasilnya ialah imej raster yang anotasinya menduduki piksel bersama gambar. Bandingkan fail itu dengan SVG asal pada saiz paparan yang lebih besar dan perbezaannya menjadi kelihatan: membesarkan eksport mencontohi semula gridnya, sambil membesarkan SVG mengira semula laluannya. Editor ini tidak mengubah objek pertama menjadi objek kedua.
Raster: grid sel berwarna — cara PNG, JPEG dan WebP menyimpan gambar dan sebab penskalaan mencipta piksel
Imej raster merekodkan warna pada kedudukan dalam grid. PNG, JPEG dan WebP berbeza dalam pengekodan dan pemampatannya, tetapi gambar yang dieksport masih berubah menjadi piksel apabila dipaparkan. Sempadan satu piksel, lengkung anti-alias dan kapsyen kecil semuanya adalah sampel terhingga dalam imej akhir. Menskalakan fail ke atas meminta proses interpolasi untuk menganggarkan sampel tambahan; ia tidak memulihkan arahan lukisan asal.
Had itu penting apabila anotasi mesti kekal jelas pada pelbagai saiz. Petak bual tangkapan skrin yang dimaksudkan untuk satu paparan tetap boleh betul-betul tepat sebagai eksport raster, manakala tanda jenama yang ditujukan untuk tanda, cetakan dan berbilang antara muka biasanya kekal tersedia sebagai aset vektor. Gunakan editor untuk imej komposit, bukan sebagai pengganti untuk karya seni sumber yang mesti berskala secara bebas.
Vektor: bentuk yang diterangkan secara matematik — laluan, lejang dan isian dalam format seperti SVG dan sebab ia berskala tanpa kehilangan
Vektor menerangkan geometri dan bukannya menyimpan setiap piksel yang dipaparkan. Laluan SVG boleh menentukan lengkung, lebar lejang, isian dan penjelmaan; pemapar kemudian mengira piksel yang sesuai dengan saiz semasa. Itulah sebabnya tanda mudah yang sama boleh kekal bersih apabila diletakkan pada beberapa dimensi. Penjelasan adalah latar belakang peringkat format, bukan dakwaan bahawa editor ini mengeluarkan atau mengekalkan arahan tersebut.
Editor pelayar menggunakan maklumat geometri buat sementara waktu untuk gerak isyarat garis dan bentuk, yang membolehkan pratonton mengikuti penunjuk sebelum dikeluarkan. Selepas gerak isyarat selesai, hasilnya dicat ke dalam lapisan raster. Eksport menggabungkan lapisan yang kelihatan dan memanggil canvas.toBlob untuk PNG, JPEG atau WebP. Tiada SVG eksport atau dokumen projek vektor dalam laluan ini, jadi geometri tidak kekal sebagai objek bebas.
Sebab gambar adalah raster secara semula jadi — penderia menangkap sampel, bukan bentuk dan tiada penukaran mengubahnya
Gambar ialah bahan raster kerana kamera merekodkan sampel cahaya merentasi penderia dan menyimpan sampel tersebut sebagai data imej. Menggambarkan gambar sebagai vektor memerlukan tafsiran yang menggantikan tekstur, bunyi, lorekan dan perincian yang tidak teratur dengan bentuk yang dicipta. Menaikkan skala atau mengeksportnya secara berbeza mungkin mengubah grid, tetapi operasi tidak mengubah jenis maklumat yang terkandung dalam tangkapan asal.
Perbezaan ini juga menerangkan sebab foto dan logo boleh wujud bersama dalam satu suntingan tanpa menjadi perkara yang sama. Logo mungkin bermula sebagai vektor di tempat lain, namun selepas ia dilukis pada foto raster dalam editor ini, hasil gabungan ialah grid piksel. Kekalkan logo asal secara berasingan apabila penggunaan semula masa hadapan penting, dan anggap eksport pelayar sebagai imej siap untuk tujuan semasanya.
Melukis pada raster: perkara yang dilakukan oleh editor — anotasi mungkin berbentuk semasa anda mengedit, tetapi imej yang dieksport ialah grid tunggal
Semasa gerak isyarat, alat garisan dan bentuk boleh berkelakuan seperti arahan geometri padat: editor mengetahui titik mula, titik akhir, garis besar dan pratonton semasa. Semasa dikeluarkan, arahan tersebut diberikan ke dalam lapisan raster. Tanda berus ialah cat raster semasa ia dibuat, dan teks diraster pada peletakan dan bukannya dikekalkan sebagai objek teks alih. Oleh itu, sesi ini menawarkan kemudahan tanpa menjanjikan kebolehsuntingan peringkat objek kemudian.
Eksport menjadikan sempadan itu jelas. Lapisan raster yang boleh dilihat digubah menjadi satu kanvas, kemudian dikodkan sebagai PNG, JPEG atau WebP melalui pelayar. Membuka semula fail itu memberi anda gambar dan tanda sebagai piksel biasa; ia tidak memberikan penerima segi empat tepat yang boleh dipilih, laluan boleh guna semula atau kapsyen boleh diedit. Simpan sesi berlapis atau aset sumber jika anda mungkin perlu menukar anotasi dan bukannya berkongsi gambar sahaja.
Memilih jenis yang sesuai untuk tugas itu — masa untuk meminta logo vektor dan apabila eksport raster adalah tepat seperti yang anda mahukan
Pilih aset vektor apabila tanda itu sendiri mesti bergerak: logo memerlukan berbilang saiz, gambar rajah boleh disemak atau simbol mesti diletakkan pada banyak latar belakang. Pilih eksport raster apabila matlamatnya ialah tangkapan skrin sedia untuk dikongsi, bukti dengan serlahan ciri atau gambar yang mengandungi nota yang boleh dilihat. Keputusan yang betul mengikuti dari penggunaan seterusnya, bukan dari kepercayaan bahawa satu format sentiasa unggul.
Imej Pelayar & Editor Lukisan sesuai untuk kategori kedua. Ia boleh meletakkan tanda teks berus, garisan, segi empat tepat, elips dan raster pada foto, kemudian mengeksport komposit sebagai fail raster. Ia tidak boleh mengeluarkan SVG atau mengekalkan model objek vektor. Jika pelanggan meminta logo sebagai aset bebas, kembali ke sumber vektor asal dan bukannya mengekstrak versi yang lebih besar daripada piksel yang diedit.
Bawa pulang: ketahui yang mana satu yang anda pegang — cara Imej Pelayar & Editor Lukisan mengedit imej raster dan mengeksport imej raster, mengikut reka bentuk
Model mental yang boleh dipercayai adalah mudah: editor mungkin menggunakan geometri untuk menerangkan gerak isyarat, tetapi dokumen dan eksportnya adalah imej raster. Setiap lapisan foto dan editor yang dibuka mempunyai grid piksel terhingga. Membesarkan grid itu mencontohi semula maklumat sedia ada, dan mengeksport menggabungkan lapisan yang boleh dilihat ke dalam raster lain. Tiada langkah dalam aliran kerja ini mencipta laluan vektor boleh guna semula daripada garisan yang telah menjadi piksel.
Semak jenis fail dan penerima yang dimaksudkan sebelum anda melukis. Jika penerima perlu melihat satu gambar yang telah siap, eksport raster dan periksa tepinya pada saiz paparan sebenar. Jika penerima perlu mengedit tanda, mewarnakan semula logo atau karya seni skala berulang kali, bekalkan vektor atau sumber berlapis yang betul. Perbezaan itu menghalang eksport yang sah secara teknikal daripada disalah anggap sebagai jenis penghantaran yang berbeza.