Apa sebenarnya "Pixel" itu?

"Pixel" selalu membingungkan saya setiap kali saya melakukan pekerjaan banner web.

Saya menggunakan CorelDraw x5 untuk pekerjaan saya. Saya biasanya lebih suka menggunakan inci daripada piksel karena inci lebih intuitif bagi saya. Tetapi ketika saya melakukan konversi "Inci ke Piksel", saya bingung.

• Dalam CorelDraw: 1 inch = 300px.

• Pada AuctionRepair.com : 1 inch = 75 pixels.

• Pada UnitConversion.org : 1 inch = 96 pixels.

Sekarang klien saya meminta spanduk 1900x1200px. Bagaimana saya harus melakukan konversi?

Pikirkan pixel seperti atom. Atom adalah partikel terkecil dari materi. Sedangkan pixel adalah partikel terkecil dari gambar digital.

Sebuah atom memiliki neutron, proton & elektron sedangkan piksel memiliki nilai merah, hijau & biru :)

Jumlah piksel per inci atau sentimeter (cm) dll disebut "resolusi".

Resolusi yang lebih tinggi berarti lebih banyak piksel per satuan panjang.

Jika Anda mendesain untuk web / desktop, Anda dapat mengatakan 1 Inch = 72 pixels

Untuk pencetakan offset (biasanya 300 resolusi digunakan), Anda dapat mengatakan 1 inch = 300 pixels

Resolusi pencetakan disebut DPI yang berarti "titik per inci". Piksel adalah titik-titiknya. Semakin tinggi jumlah titik, semakin baik hasil pencetakannya.

Sekarang klien saya meminta spanduk 1900x1200px. Bagaimana saya harus melakukan konversi?

Jika klien Anda memberi Anda dimensi dalam piksel, maka itu pasti sesuatu untuk desktop / web dan Anda dapat mendesainnya pada resolusi 72.

Jika dia memerlukan sesuatu untuk dicetak maka Anda harus menanyakan resolusi atau ukuran dalam inci, cm, dll.

Jika seorang klien saya meminta gambar 1920x1080px, hal pertama yang perlu saya ketahui adalah penggunaan yang dimaksudkan. Apakah itu untuk web, cetak, atau keduanya?

Dalam dunia cetak, piksel (atau elemen gambar - [pict-el]) tidak memiliki arti atau definisi. Piksel tidak dapat diukur dengan cara apa pun. Mereka tidak memiliki ukuran atau unit yang telah ditentukan untuk menghitung ukurannya. Oleh karena itu bukan istilah "dunia nyata". Mereka benar-benar istilah digital dan hanya merujuk pada dunia digital.

Dalam arti luas, sebuah pixel adalah titik kecil di layar atau monitor yang diwarnai oleh cahaya, baik backlit (CRT), LED, Plasma, atau teknologi lainnya. Masing-masing bintik-bintik (piksel) kecil, berbeda warna ini bila diatur bersama membentuk gambar di mata manusia. Untuk menggunakan analogi dunia nyata, pikirkan itu seperti dinding bata ... setiap pixel akan menjadi batu bata ... gambar akan menjadi dinding.

Di banyak aplikasi, dan untuk banyak orang, 1 Pixel = 1 Point. (Adobe bahkan menggunakan teori ini.) Namun, ini juga tidak sepenuhnya akurat. Suatu titik hanyalah unit ukuran terkecil yang digunakan oleh sebagian besar desainer di dunia nyata, berbeda dengan dunia digital.

Tidak ada yang namanya 1 inch = 72px atau apa pun yang jaraknya dekat. Setiap layar di bumi memiliki kerapatan piksel yang berbeda . Berapa banyak piksel yang cocok dengan satu inci sepenuhnya tergantung pada kerapatan piksel monitor Anda.

Saat bekerja di Photoshop untuk web, apa yang Anda masukkan ke dalam Resolutionbidang untuk dokumen baru sebagian besar tidak relevan. Gambar yang ditujukan untuk web (atau layar) akan menggunakan lebar piksel dan tinggi piksel serta tidak merujuk pengaturan Resolusi sama sekali. Lihat di sini untuk informasi lebih lanjut tentang resolusi (ppi) dan web / layar: Apakah wajib menyimpan gambar di 72DPI untuk desain web? Untuk web, satu-satunya perbedaan yang ditawarkan bidang resolusi adalah memungkinkan Anda membuat pekerjaan yang lebih terperinci di Photoshop. Tetapi pada output, bidang resolusi diabaikan, menggunakan Save for Web. Jika Anda menggunakan Exportdaripada Save for Webresolusi tersebut digunakan untuk mengubah lebar piksel dan tinggi piksel gambar berdasarkan Sistem Operasi Andadari semua hal. Aplikasi Macintosh mengasumsikan bahwa setiap inci memiliki 72 piksel di dalamnya dan aplikasi Windows mengasumsikan setiap inci memiliki 96 piksel di dalamnya. Tak satu pun dari ini benar-benar akurat atau benar, tetapi para insinyur harus menggunakan sesuatu . Jadi resolusi yang lebih tinggi Exportakan menghasilkan lebar piksel yang lebih besar dan tinggi piksel.

Sekarang tempat cetak bertemu piksel ..... resolusi atau dots per inch (DPI). DPI pada dasarnya adalah titik kerapatan yang dibuat oleh imagesetter (atau platemaker) saat mengeluarkan pelat cetak. Semua gambar yang dicetak harus melalui proses halftone . Selain layar garis tertentu atau Lines Per Inch (LPI) yang menentukan berapa banyak baris titik yang akan dicetak. Kepadatan titik-titik dalam halftone menentukan tingkat detail dan kualitas dalam gambar itu sendiri. Halftone dengan DPI dan LPI lebih tinggi akan terlihat jauh lebih baik daripada halftone dengan DPI rendah dan LPI rendah. Jika mencari setiap korelasi antara layar dan cetak, yang paling tempat umum pengguna menemukan sedikit logika berpikir bahwa 1 pixel = 1 titik. Ini bukansepenuhnya akurat, tetapi cukup dekat sehingga tidak menjadi masalah jika asumsi ini digunakan. Di sinilah orang-orang bertukar istilah PPI dan DPI berpikir mereka adalah hal yang sama. Pada kenyataannya, mereka tidak sama sekali, tetapi tidak ada salahnya berpikir mereka itu sama.

Untuk pekerjaan cetak, Resolutionbidang di jendela dokumen baru Photoshop sangat penting. Paling sering Anda menginginkan resolusi 260 atau lebih baik untuk mencetak gambar. Ini sama dengan 260DPI yang merupakan pengaturan optimal untuk 175LPI (layar garis umum). 300dpi paling sering digunakan karena itu adalah angka bulat yang bagus untuk diingat dan lebih banyak DPI tidak pernah menjadi masalah. Perhitungan keseluruhan sebenarnya 1,5 kali LPI sama dengan DPI. Jadi 1,5 x 175 = 262,5. Jadi dibulatkan hingga 300dpi.

Jika Anda tahu tujuan penggunaannya .....

• Jika itu untuk web atau layar, buat saja dokumen baru di 1920x1080px dan resolusi apa pun yang Anda inginkan. Resolusi yang lebih tinggi akan memungkinkan Anda bekerja lebih terperinci di Photoshop, tetapi itu tidak akan mengubah output web / layar gambar. Terlepas dari resolusi (ppi) gambar akan tetap menghasilkan 1920x1080 piksel (menggunakan Simpan untuk Web).

• Jika gambar untuk dicetak atau keduanya, saya akan menggunakan Photoshop untuk memberi saya gambaran tentang ukuran fisik saat dicetak. Cukup buat dokumen baru dengan pengukuran 1920x1080 dan masukkan 300 untuk resolusi.

Sekarang alihkan drop-down "piksel" ke Inci:

Ini menggunakan teori internal 1px = 1pt Adobe, yang sebagus apapun. Tapi itu memberi Anda gambaran umum bahwa gambar akan kira-kira 6,5 ​​"x3,5". Saya kemudian akan memeriksa dengan klien untuk memverifikasi bahwa gambar 6.5x3.5 "akan sesuai dengan kebutuhan mereka.

Hai [klien],

Gambar 1920x1080 piksel sama dengan sekitar 6,5x3,5 inci untuk produksi cetak. Apakah ukuran itu cocok untuk Anda? Haruskah saya mencetak lebih besar?

Terima kasih!

Ada sebuah makalah ilmu komputer (benar-benar, memo yang menyenangkan) berjudul, "Sebuah pixel bukan persegi kecil" oleh Alvoy Ray Smith.

Piksel adalah sampel titik . Itu ada hanya pada suatu titik. Untuk gambar berwarna, sebuah piksel mungkin sebenarnya mengandung tiga sampel, satu untuk setiap warna primer yang berkontribusi pada gambar di titik pengambilan sampel. Kita masih bisa menganggap ini sebagai sampel titik warna. Tetapi kita tidak bisa menganggap piksel sebagai bujur sangkar — atau apa pun selain titik.

Pixel Bukan Alun Kecil,
Pixel Bukan Alun Kecil,
Pixel Bukan Alun Kecil!
(Dan Voxel Bukan Kubus Kecil)

Istilah "pixel" adalah kependekan dari "elemen gambar".

Sebuah gambar terdiri dari piksel, yang hanya berupa titik - titik berwarna dalam persegi panjang, tanpa ukuran .
Untuk menampilkan gambar, kami menggunakan layar yang dapat menunjukkan titik-titik berwarna, dan perlu memutuskan titik mana yang ingin kami tunjukkan di mana .

Melihat detailnya, gambar terdiri dari titik-titik yang terpisah, masing-masing dengan warna yang terpisah. Seperti ketika Anda akan mengisi kotak di atas kertas quadrille dengan warna, satu di setiap kotak. Kecuali - penting - bahwa tidak ada kertas (yang memiliki ukuran), dan kotak-kotak tidak memiliki ukuran fisik. Ini hanya tentang titik warna mana di bawah atau kanan yang lainnya .

Jika Anda berpikir tentang ukuran gambar di layar, itu seperti menunjukkan "kertas" ini di layar - tetapi kami tidak tahu seberapa "besar" sebenarnya, dalam hal inci atau mm.

Ketika kami ingin menampilkan gambar di layar, kami melihat layar juga memiliki "kotak" yang dapat menampilkan warna. Keduanya disebut piksel - tetapi secara teknis keduanya berbeda.

Hal paling sederhana yang bisa kita lakukan adalah menempatkan masing-masing kotak berwarna kita dari "kertas" ke kotak berwarna di layar.
Kemudian, ukuran di layar, dalam sentimeter nyata sebenarnya, bergantung pada seberapa besar titik-titik layar ini .

Jika kita membutuhkan ukuran tertentu, kita dapat melakukan sesuatu yang berbeda:
Kita dapat menentukan sendiri seberapa besar gambar yang seharusnya . Kita perlu tahu seberapa besar titik-titik layarnya. Lalu, untuk setiap baris, kita bisa menghitung berapa banyak titik layar yang bisa kita gunakan untuk titik warna kita. Agar pas, jika kita memiliki lebih banyak titik layar daripada titik warna, kita perlu menggunakan beberapa titik warna beberapa kali, atau jika kita memiliki lebih sedikit, tinggalkan beberapa.

Satu lagi kebingungan untuk menyelesaikan diskusi:

Dalam desain dan tata letak situs web, satu "piksel CSS" selalu sama dengan 1/96 inci "CSS inci" , terlepas dari resolusi layar. Ini dilakukan karena begitu banyak situs web awal menggunakan pengukuran berbasis pixel untuk tata letak yang mengasumsikan resolusi layar standar. Agar ukuran aktual teks dan konten lainnya tetap konsisten, peramban web menemukan konversi yang hampir merata antara piksel layar dan tata letak unit "px", dan menyesuaikan interpretasinya dari inci sehingga selalu ada rasio yang konsisten antara "px" dan " di". Hal yang sama berlaku untuk semua unit yang didasarkan pada inci, seperti "pt" untuk font - ukuran font 12pt selalu sama dengan ukuran font 16px .

Sekarang karena resolusi layar umumnya jauh lebih baik daripada 96px-per-inci, konsep "titik" telah dipinjam dari dunia cetak untuk berbicara tentang resolusi fisik aktual layar. Bahkan ada unit dots-per-pixel (dppx) untuk menggambarkan resolusi fisik yang sebanding dengan piksel CSS standar. Misalnya, layar Mac & iPhone "Retina" yang baru adalah resolusi 2dppx.

Untuk situasi Anda, saya menggemakan nasihat orang lain: minta klien Anda untuk menjelaskan apa yang dibutuhkan. Yang mengatakan, umumnya jika seseorang meminta seni dengan pengukuran piksel, mereka menggunakannya untuk situs web. Buat gambar Anda tepat pada dimensi piksel yang mereka minta, dan atur perangkat lunak pengeditan gambar Anda untuk menggunakan resolusi 96dpi untuk menjabarkan penggaris dan ukuran teks Anda dalam unit yang Anda nyaman gunakan.

Yang mengatakan, mungkin tidak ada salahnya untuk benar-benar membuat gambar Anda pada resolusi dua kali lipat (yaitu, 192dpi), untuk memiliki versi yang cocok untuk layar Retina jika klien Anda menemukan bahwa mereka menginginkannya. Kemudian, perangkat lunak gambar Anda harus memiliki cara mudah bagi Anda untuk menyimpan gambar Anda pada resolusi yang lebih rendah & ukuran file yang lebih kecil. Jauh lebih mudah untuk mengonversi gambar ke resolusi lebih rendah daripada sebaliknya!

Inci adalah dimensi fisik sedangkan piksel adalah dimensi layar. Pada resolusi yang sama, piksel secara fisik lebih besar pada layar yang lebih besar, karena kepadatan atau PPI (piksel per inci) dikendalikan oleh ukuran fisik layar vs resolusi. Jadi, ketika mengubah piksel menjadi inci, semuanya berujung pada apa yang Anda inginkan dari piksel per inci (PPI) Anda. Jika Anda ingin 300ppi (standar untuk cetak), Anda cukup mengatakan "peras 300 piksel ke dalam inci dunia nyata". Ini menghasilkan kualitas yang lebih padat daripada jika Anda meminta 72ppi, karena lebih sedikit piksel sama dengan lebih sedikit informasi berkualitas yang dijejalkan ke dalam inci itu.

Layar biasanya dianggap 72ppi, tetapi ini hanya default dan sama sekali tidak relevan dengan ukuran aktual layar Anda. Resolusi 1920x1080 yang sama bisa 10ppi di layar stadion atau 400ppi di ponsel.

Piksel tidak memiliki korelasi dengan pengukuran dunia nyata. Dengan demikian, tidak ada cara untuk mengkonversi inci ke piksel dengan cara yang konsisten. Semuanya sewenang-wenang dan tergantung pada apa yang Anda lakukan dengan gambar pada akhirnya.

Apa itu pixel dalam konteks gambar digital? Ini adalah elemen unik terkecil dalam gambar. Ini akan memiliki warna yang ditetapkan untuk itu. Secara harfiah ini mengacu pada "elemen gambar" individu .

Bayangkan Anda memiliki bola lampu yang bisa dinyalakan dan dimatikan. Ini pada dasarnya adalah tampilan piksel 1x1, di mana bola lampu adalah piksel. Sekarang beli beberapa bola lampu lagi dan atur dalam bentuk persegi 10x10. Jika Anda menyambungkannya dengan cara yang dapat Anda aktifkan dan matikan masing-masing sesuai keinginan, Anda memiliki layar kasar dengan 10x10 "piksel". Anda bahkan dapat menggambar bentuk dasar di atasnya.

Sekarang jika Anda bergerak cukup jauh dari tampilan bohlam-cahaya ini, mata pada akhirnya tidak lagi dapat membedakan antara bohlam-bohlam individual tersebut dan yang akan Anda lihat hanyalah bentuk kontinu, bukan piksel individual. Ini terjadi, karena mata memiliki resolusi pemindaian terbatas, jika ada lebih banyak titik (bola lampu) per inci daripada yang dapat dikenali mata, piksel berubah menjadi gambar. Resolusi mata Anda sekitar 300 titik per inci (DPI). Jika Anda mengambil kaca pembesar dan melihat monitor Anda, Anda akan melihat bahwa itu terdiri dari bola lampu kecil juga (LCD), hanya banyak lagi. Sekitar 2.073.600 (1920x1080) pada layar HD penuh, tiga kali, karena ada satu untuk setiap warna RGB, yang tidak bisa dilihat mata Anda, karena terlalu kecil.

Sekarang jelas apa yang mata Anda dapat anggap sebagai titik-titik individual atau tidak, tidak hanya tergantung pada pengaturan titik-titik (seberapa dekat mereka secara bersamaan) tetapi juga pada jarak Anda dengan "layar" itu. Itulah sebabnya DPI adalah istilah relatif dalam beberapa cara. Jika Anda mengambil layar yang sama dan terlalu dekat, Anda dapat melihat pikselnya. Jika Anda terlalu jauh, Anda tidak bisa lagi membaca apa yang ada di layar, meskipun DPI dan resolusi (jumlah piksel) tidak pernah berubah.

Untuk ini dan beberapa alasan lain selama pembuatan monitor komputer pertama resolusi standar 72 DPI (Apple) atau 96 DPI (Microsoft) dipilih. Ini adalah kompromi yang baik antara jarak yang diharapkan pengguna dari layar dan batasan teknis dari usia itu. Tetapi bahkan hari ini, sebagian besar layar mengikuti resolusi itu. Itu sebabnya semakin besar layar semakin tinggi jumlah pikselnya.

Sekarang jika Anda mengetahui resolusi DPI monitor Anda, sangat mudah untuk mengetahui berapa banyak piksel dalam setiap inci persegi. Misalnya, jika Anda ingin menggambar persegi 1x1 inci² pada monitor, Anda dapat dengan mudah menentukan berapa piksel gambar ini (72x72 atau 96x96). Tetapi juga jelas, bahwa gambar ini akan lebih besar atau lebih kecil pada layar lain yang memang memiliki resolusi DPI yang berbeda. Teks yang dapat dibaca pada layar 24 "pada 96 DPI mungkin terlalu kecil pada iPhone 4" pada 300 DPI, karena 96 piksel (1 inci) pada 24 "itu hanya beberapa mm di telepon.

Jadi jika klien Anda meminta Anda untuk membuat gambar pada 1900x1200 px, pertanyaan pertama dari Anda seharusnya: untuk perangkat mana?

Untuk mengatasi dilema halaman web atau aplikasi yang seharusnya terlihat bagus pada perangkat yang berbeda, format telah ditemukan yang tidak berfungsi dengan piksel tetapi dengan panjang dalam cm atau mm. Gambar yang dihasilkan kemudian ditampilkan sesuai dengan kemampuan perangkat, memastikan bahwa 10x10 cm persegi masih 10x10 tidak peduli di mana layar itu ditampilkan. Tetapi format ini jelas bukan format piksel, tetapi akan menjadi format vektor .

Meskipun ini memecahkan masalah Mac / Windows / Lainnya, itu tidak akan menyelesaikan perbedaan ukuran yang sangat besar. Contoh Anda gambar akan 10x10 cm pada setiap perangkat, tetapi itu mungkin menutupi seluruh layar pada ponsel. Masalah ini belum sepenuhnya diselesaikan, tetapi sebagian besar perusahaan memiliki beberapa bentuk solusi untuk itu. Tetapi dalam kebanyakan kasus Anda benar-benar perlu mengembangkan setidaknya dua halaman, satu untuk desktop standar, satu untuk ponsel dan akhirnya satu untuk tablet juga.

Sudah ada banyak jawaban yang membantu, tetapi saya ingin mungkin menjelaskan ini dengan cara yang berbeda.

Dengan meminta gambar piksel 1900x1200, klien Anda sebenarnya tidak memberi tahu Anda apa pun tentang dimensi yang mereka butuhkan. Lupa tentang kata "piksel" sejenak, klien hanya memberi tahu Anda berapa banyak detail yang mereka butuhkan (mis. Resolusi). Mereka mungkin hanya bermaksud untuk mengukurnya sendiri sesuai kebutuhan mereka.

Jika Anda perlu menggunakan inci untuk keperluan Anda sendiri , karena Anda menemukan bahwa pengukuran lebih mudah untuk ditangani selama pengembangan grafik Anda, maka gunakan saja. Menggunakan grafik vektor (Corel Draw adalah alat vektor), untungnya Anda tidak perlu terlalu khawatir tentang piksel sampai tiba saatnya untuk menyimpan gambar yang diratakan.

Agar aman, mulailah dengan ukuran kanvas dari rasio aspek yang sama: 1900x1200 adalah rasio 16:10, jadi 16 inci kali 10 inci akan berhasil. Ketika tiba saatnya untuk menyimpan atau mengekspor gambar yang diratakan ("raster", atau bitmap), Anda dapat memilih dimensi piksel 1900x1200.

Saya tidak terbiasa secara khusus dengan Corel, jadi saya tidak bisa memberi tahu Anda dengan tepat bagaimana cara memasukkan pengaturan ini, tetapi kemungkinan besar ada di sana.

Adapun "apa itu pixel" , jawaban yang mengatakan itu mirip dengan "atom" cukup bagus. Meskipun jika kita ingin benar-benar anal, kita dapat mengatakan bahwa pixel adalah molekul :

Molekul adalah bagian terkecil dari suatu zat yang masih menunjukkan sifat-sifat zat itu, dan piksel adalah bagian terkecil dari warna yang masih menunjukkan warna tertentu . Semakin kecil dari itu, Anda mulai melihat warna-warna lain yang dicampur untuk mencapai warna target.

Piksel dapat ditempatkan dalam berbagai cara, karenanya piksel tidak mewakili dimensi nyata apa pun. Dalam cetakan mereka bisa 300 titik-per-inci (DPI), dalam hal ini pikselnya sangat berdekatan - atau di layar mereka bisa 72 DPI, yang berarti mereka terpisah lebih jauh. Saya harus berasumsi bahwa 1900x1200 dimaksudkan untuk layar, omong-omong, karena ini adalah salah satu resolusi layar standar. Dalam hal ini, ia akan terlihat sama tidak peduli berapa inci dalam dimensinya, asalkan ditampilkan layar penuh pada monitor 1900x1200.

Untuk menutup ini, dimensi piksel, secara teknis, hanya memberi tahu Anda berapa banyak informasi yang akan disimpan gambar. Adapun seberapa besar akan terlihat , pada dasarnya tidak ada yang memberitahu Anda sendiri.

TL; DR Lakukan konversi saat Anda mengekspor gambar Corel Draw Anda ke file .tif.

Ada dua cara untuk menggambarkan gambar di komputer: bitmap (juga dikenal sebagai raster ) dan vektor. Bitmap adalah kisi koordinat yang masing-masing memiliki warna tertentu, dan setiap titik adalah piksel. Kombinasi semua titik di kisi-kisi menciptakan gambar. Foto adalah bitmap; piksel sesuai dengan butiran film atau titik pada sensor. Piksel tidak memiliki ukuran intrinsik: piksel dapat sangat kecil dalam gambar yang dicetak dengan laser, atau sangat besar pada layar tampilan raksasa. Ukuran gambar dalam piksel memberi tahu Anda tentang resolusi yang akan terlihat halus. Gambar dengan kerapatan piksel tinggi (titik per inci, dpi) terlihat tajam, sedangkan yang dengan kerapatan piksel rendah terlihat gumpal. Untuk melihat perbedaannya, bandingkan Flickr dengan Minecraft. Memperbesar gambar bitmap membuat piksel tampak lebih besar, dan gambar menjadi lebih tajam dan tidak tajam.

Vektor adalah deskripsi matematis dari bentuk yang disusun dalam suatu gambar. Mereka juga tidak memiliki ukuran intrinsik, tetapi cara mereka berperilaku berbeda. Tampilan grafik vektor tidak berubah saat Anda memperbesar, karena itu dihitung ulang agar sesuai dengan layar.

Corel Draw adalah program grafik vektor, dan gambar yang Anda buat karenanya adalah vektor. Jika klien Anda menginginkan gambar 1900x1200, Anda harus mengonversinya menjadi bitmap saat Anda mengekspornya. Kuncinya adalah bahwa ukuran vektor dan ukuran bitmap bersifat independen. Anda dapat membuat file Corel Draw yang tingginya delapan kaki kali enam, dan mengekspornya sebagai gambar 400x300 piksel. Atau file yang berukuran satu inci persegi di Corel Draw dapat diekspor sebagai bitmap yang berukuran 10.000 piksel persegi. Namun, daripada meminta dimensi piksel, program biasanya meminta Anda menentukan ukuran dan resolusi untuk bitmap, meskipun Anda dapat mengubah unit menjadi piksel. Ini memungkinkan Anda memastikan bahwa file tersebut akan menjadi resolusi yang masuk akal pada ukuran yang Anda inginkan. Dengan meminta resolusi tertentu, klien Anda ingin memastikan bahwa mereka dapat menggunakan gambar pada ukuran layar besar atau ukuran cetak kecil. Gagasan tentang gambar digital memiliki ukuran fisik agak aneh, tetapi lebih mudah untuk bekerja dengan hilir.

Jadi buat grafik Anda pada ukuran apa pun yang Anda suka dan kemudian tentukan ukuran piksel tepat di akhir saat Anda mengekspornya. Satu hal yang harus diperhatikan adalah jika Anda memasukkan gambar bitmap dalam grafik, mereka harus memiliki setidaknya resolusi setinggi yang diperlukan pada gambar akhir. Jadi, jika setengah lebar gambar Anda adalah foto, foto itu harus berukuran 950 piksel.

Piksel dalam CSS (dan bukan sebagai properti teknis media tampilan) adalah satuan dengan lebar sudut yang jelas. Jadi dimungkinkan untuk mengonversi piksel, tetapi hanya ke derajat, radian, dll. Anda dapat mengonversi piksel ke satu inci, tetapi Anda perlu tahu seberapa jauh jaraknya.

Sean B. Palmer memiliki halaman yang bagus tentang ini:

Bulan dari bumi memiliki lebar sekitar 24,3 px, misalnya. Menara Eiffel dari satu mil jauhnya sekitar 550,5px. Itu berarti bahwa ketika Anda melakukan "{width: 24.3px}" di CSS 2.1, Anda membuat sesuatu selebar yang terlihat bulan.

Piksel adalah titik terkecil dalam suatu gambar. Tidak memiliki ukuran fisik. Itu mendapatkan satu ketika Anda menentukan resolusi dalam DPI (titik per inci) atau unit serupa, dan merendernya di perangkat yang menghormati resolusi ini.

Dalam praktiknya, ada banyak kesempatan ketika ukurannya berubah-ubah karena perancang atau peranti lunak tidak peduli / tidak tahu tentang ukuran / resolusi layar, dan / atau menerapkan faktor pengubahan ukuran agar sesuai dengan permukaan yang tersedia.

Ingat: piksel tidak memiliki ukuran yang telah ditentukan. Tidak seperti pica.

Tuts PSD memiliki video yang menjelaskan hubungan antara piksel di sini

Piksel

Pixel adalah bentuk terkecil untuk menampilkan desain untuk unit tampilan. Contoh: Monitor layar terdiri dari beberapa piksel yang membentuk tampilan di layar Anda.