Ukuran gambar raster: piksel, DPI, PPI, sentimeter - apakah Anda tidak bingung? Buat avatar menggunakan ikon Paint Blog kurang dari 100 kb.

→ Halaman → Pilihan gambar dengan lebar dan tinggi 100 piksel, unduh avatar

Halaman situs ini berisi banyak gambar menarik yang dapat digunakan sebagai avatar hampir di mana saja, karena... ukurannya 100 kali 100. Artinya tinggi dan lebarnya sama dengan 100 piksel (titik di layar). Bagian ini berisi avatar yang tidak diurutkan berdasarkan topik, yang membuat pencarian lebih menarik.

Gambar dengan mata dan bulu mata yang terbuat dari api. Unduh avatar yang tidak biasa dengan bulu mata berapi-api dan mata hijau.

Gambar animasi dengan siluet serigala di tengah kabut dan burung terbang di latar belakang. Avatarnya tidak berwarna, tapi sangat menarik. Anda dapat mengunduh avatar dari situs atau cukup menyalin kode penempatannya.

Di avatarnya, banteng memiliki tanduk. Unduh gambar binatang yang kuat, banteng yang marah. Avatar yang tegas seperti itu cocok untuk pengguna dengan sifat kekerasan, serta moderator.

Gambar tersebut menunjukkan kepala burung hitam - benteng, di avatarko.ru Anda dapat mengunduh avatar dengan berbagai burung, termasuk benteng, di bagian burung.

Ini avatar lucu dengan gambar yang tidak bisa diakses, tapi tetap saja lebih baik daripada tidak sama sekali, jadi avatarnya ada yang bebek, maaf.

Gambar animasi seorang gadis berlari dengan ekor mencuat ke atas. Unduh avatar yang digambar dengan animasi seorang gadis.

Gambar tersebut menunjukkan seekor hamster yang digambar dan teks peringatan bahwa orang yang bersembunyi di bawah avatar hewan pengerat itu 100% adalah seekor hamster. Di avatarko.ru Anda dapat mengunduh avatar keren ini, dengan hamster asli, meskipun digambar.

Gambar segel mainan yang bisa dijadikan avatar di forum dan blog. Unduh avatar dengan segel mewah ke situs web.

Download gambar lezat dengan sepiring bihun dan tomat. Secara umum, avatar untuk pecinta kuliner. Avatar ini bersifat eksklusif, dilarang mempostingnya di situs lain sebagai konten.

Avatar animasi dengan rumah kota. Download gambar hitam putih dengan rumah dan animasi awan.

Avatar tersebut menampilkan logo McDonald's yang terbuat dari menara kembar dan dua pesawat terbang serta tulisan "Makan ini". Unduh gambar untuk pembenci orang Amerika.

Gambar dengan Alex si singa mengangkat alisnya dari kartun Madagaskar. Download avatar animasi karakter kartun singa dari Madagaskar.

Avatar dengan zombie dengan mata dicungkil, memakai topi dan syal dengan jari animasi. Gambar horor dengan zombie berwarna abu-abu dengan animasi.

Gambar animasi dengan mentimun di garpu. Unduh avatar hebat dengan camilan mentimun.

Avatar dengan burung pipit duduk yang bentuknya seperti bola kecil dengan kaki dan paruh. Unduh gambar seekor burung kecil, tetangga tetap seseorang.

Gambar indah dengan sekawanan kelelawar dengan latar belakang bulan bulat. Bukan fakta bahwa kelelawar ini adalah vampir, namun di halaman ini Anda dapat mengunduh avatar yang bagus.

Avatar bergaya dengan hantu, gambar dengan latar belakang transparan dalam format PNG..

Avatar cantik dengan api terhunus dan seorang pria terbakar. Unduh gambar pria berapi-api berukuran 100 x 100 piksel.

Avatar lucu dengan mainan beruang kutub dengan hati di avatar. Unduh gambar dari beruang putih di bagian "Cinta", ukurannya 100 kali 100 piksel.

Gambar dengan seorang putri dalam gaun merah muda dan topeng dengan latar belakang putih..

Di gambar ada seorang gadis dengan lukisan sayap malaikat.. Saya juga menyarankan agar Anda membiasakan diri dengan bagian yang didedikasikan untuk malaikat.

Avatar animasi dengan laba-laba berlari di sepanjang garis luar gambar dan membuat jaring di sudutnya. Unduh gambar 100 x 100 dengan animasi laba-laba. Di Avatarko.ru Anda dapat mengunduh avatar keren dengan binatang.

Avatar dengan bibir terbakar rokok. Gambar bibir gadis perokok yang lupa mengeluarkan rokoknya. Jika Anda membutuhkan gambar yang lebih besar, sumber dengan bibir terletak di bawah.

Lilin animasi dengan latar belakang hijau. Unduh avatar 100x100 dengan lilin menyala dengan animasi api.

Gambar dengan latar belakang animasi merah muda dengan pirang. Download avatar cantik untuk cewek berambut pirang, dan bagi yang suka warna pink download avatarnya. Hati-hati, bobot gambar mungkin tidak cocok untuk banyak forum.

Avatar dengan kucing jahe tersenyum dengan hidung merah. Gambar yang sangat indah dan positif untuk avatar Anda.

Gambar hitam putih dengan animasi seorang pria yang terus-menerus terjatuh karena tanah yang goyah. Unduh avatar animasi lebar 100 dan tinggi 100 dengan gambar jatuh seorang pria.

Avatar eksklusif yang saya buat hanya untuk situs ini dengan seekor tupai animasi yang menaruh kacang di pipinya. Unduh gambar 100x100 dengan animasi hewan pengerat lucu yang sedang bermain kacang. Dilarang menempatkan avatar sebagai konten tanpa menunjukkan tautan yang diindeks ke sumbernya.

Semakin banyak orang mencari tempat untuk mendownload avatar 100x100 agar seunik dan semenarik mungkin. Masalah ini dapat diatasi, kecuali dengan pembuatan koleksi menarik secara massal, hanya dengan memaksa setiap pencari untuk duduk dengan semacam editor grafis avatar. Editor avatar online saat ini masih primitif dan tidak akan pernah menggantikan desainer profesional. Sebagian besar forum mengizinkan Anda menyetel avatar yang dimensi panjang dan lebarnya tidak melebihi 100, jadi terkadang Anda harus memperkecil gambar sendiri hingga batas yang diperlukan. Di sini Anda tidak akan menemui masalah seperti itu, karena... semua avatar sudah memiliki ukuran yang Anda butuhkan. Ya, dan Anda dapat menggunakannya tidak hanya sebagai avatar, tetapi juga sebagai gambar dalam topik, mereka akan menambah kekayaan pesan.

Salam komunitas Habr yang terkasih! Saya menulis catatan singkat ini sebagai program pendidikan penting bagi semua orang yang bekerja dengan gambar raster. Biasanya pertanyaan tentang cara mengukur gambar muncul di kalangan pemula, tetapi spesialis berpengalaman juga mengacaukan istilah tersebut.


Mari kita mulai dengan hal utama: gambar raster terdiri dari piksel. Ini mungkin menjadi akhir dari artikel ini, tetapi ini tidak cukup untuk semua orang, jadi mari kita bahas tentang kesalahpahaman dan mitos yang saya temui dalam praktiknya.

DPI, PPI dan mengubah ukuran

Kesalahpahaman yang paling umum adalah penggunaan satuan DPI (titik per inci) dan PPI (piksel per inci). Unit-unit ini masing-masing mengacu pada printer dan pemindai. Mereka juga dapat digunakan dalam karakteristik layar. Pada dasarnya ini adalah faktor konversi antara dimensi fisik gambar analog (dalam sentimeter atau inci) dan dimensi piksel gambar digital.

Misalnya, gambar 100 piksel yang dicetak pada 100 DPI akan berukuran 1 inci. Semuanya sederhana dan jelas.

Namun, saat mengubah ukuran di editor grafis, kami diminta untuk menunjukkan dimensi dalam dimensi yang sesuai bagi kami, termasuk DPI. Di sinilah kebingungan dimulai.

Faktanya, dimensi fisik gambar (dalam sentimeter, inci, dll.) dan nilai DPI hanyalah informasi meta di properti file. Namun editor dapat menggunakan nilai-nilai ini sebagai sarana untuk menentukan dimensi piksel yang diperlukan.


Katakanlah kita memiliki gambar berukuran 3000 piksel (persegi), yang memiliki nilai 300 DPI. Kami mendapatkan: 3000 piksel / 300 DPI = 10 inci. Sekarang masuk ke editor (Photoshop) dan ubah nilai DPI menjadi 600. Apa yang kita dapatkan? Dan ini tergantung pada kotak centang “Contoh Ulang”. Jika ya, kita akan mendapatkan gambar yang di-upampling 6000 piksel. Jika tidak, maka ukurannya akan menjadi inci 5 alih-alih 10 .

Jadi, untuk pengembangan web, semua dimensi fisik (DPI, sentimeter, inci, dll.) dapat diabaikan dengan aman dan hanya dilihat pada dimensi piksel.

Layar DPI/PPI

Di sini kita sampai pada masalah resolusi layar dan kepadatan piksel. Kepadatan ini secara tepat disebut sebagai PPI (piksel per inci) dan menunjukkan berapa banyak piksel yang dapat ditampilkan pada satu inci layar.

Di sinilah mitos 72 dan 96 PPI sering muncul, yang seharusnya menunjukkan kerapatan piksel “standar” untuk layar. Untuk tugas menampilkan grafik di web, tidak ada gunanya. Pada saat yang sama, kerapatan piksel sebenarnya pada layar mungkin sangat berbeda: biasanya sekitar 120 PPI (Anda dapat mengukur dan menghitung untuk layar Anda).

Tapi kita ingat bahwa gambar raster hanya diukur dalam piksel dan tidak ada lagi. Mengapa kita berbicara tentang PPI layar? Karena ada layar “Retina” atau “HiDPI”.

Layar Retina dan HiDPI

Layar seperti itu banyak digunakan di perangkat seluler dan laptop mahal. Intinya, ini adalah peningkatan kuantitatif dalam piksel dengan tetap mempertahankan dimensi fisik layar (misalnya, diagonal 5 inci dan 330 PPI).

Bagi kami, sebagai pengembang web, ini berarti munculnya piksel yang berbeda di browser: piksel CSS (yang biasanya kami tentukan dalam ukuran elemen) dan piksel fisik (piksel nyata di layar). Rumusnya adalah: Piksel fisik = piksel CSS * DPR.
DPR adalah rasio piksel perangkat - rasio konversi piksel CSS ke piksel fisik.

Saat memposting gambar, kita bisa menulis tag gambar dengan dimensi 20px, dan gambar akan menjadi 40 piksel. Dalam hal ini, pada layar dengan DPR=2.0 kita akan melihat semua piksel gambar. Namun dalam situasi ini, kami sama sekali tidak mengkhawatirkan nilai PPI sebenarnya pada layar.

Pada saat yang sama, kita dapat menggunakan gambar dengan kepadatan piksel tinggi untuk layar biasa; browser itu sendiri yang akan menskalakan gambar tersebut. Dan lagi, DPI dan PPI tidak ada hubungannya dengan itu, tapi gambarnya diukur dalam piksel. Cara menampilkannya akan ditentukan oleh browser yang sudah memiliki dua jenis piksel.

Itulah keseluruhan ceritanya, meskipun tentu saja saya tidak mengatakan apa pun tentang gambar adaptif, cara mengoptimalkan dampaknya, dan petunjuk klien. Tapi itu cerita lain.

Apa itu avatar? Ini adalah gambaran kecil yang dikaitkan dengan pengguna tertentu di jejaring sosial, forum, atau obrolan. Anda dapat mengunduh avatar dari salah satu dari ribuan sumber daya Internet, atau Anda dapat membuatnya sendiri. Bagaimana cara melakukannya? – kita akan membicarakannya lebih lanjut. Untuk melakukan ini, kita memerlukan program Microsoft Paint, yang merupakan bagian dari rangkaian program standar sistem operasi Microsoft apa pun.

Pertama, mari kita putuskan dari gambar mana kita akan membuat avatar unik kita. Ini bisa berupa foto kita, wallpaper desktop favorit kita, atau gambar lucu dari Internet. Kita perlu membuat avatar dengan ukuran 100x100 piksel; ini adalah format yang didukung sebagian besar obrolan dan sistem sosial. Namun, jika diinginkan, Anda dapat mengatur ukuran gambar apa pun, baik 64x64 atau 150x150 piksel.

Sekarang buka program Microsoft Paint dengan mengklik tombol “Start” di bagian bawah desktop dan memilih kategori “Accessories” di menu “Programs”.

Di layar kita melihat:

Sekarang kita harus membuka gambar yang dipilih di program Paint. Kami pergi ke bagian "File", yang terletak di bagian paling atas jendela program, lalu klik "Buka" dan temukan gambar kami dalam daftar.

Buka gambarnya

Sekarang pekerjaan utama pembuatan Ava dimulai. Di menu, ikuti jalur berikut "Gambar" - "Atribut". Kita melihat gambar berikut:

Mari kita perhatikan ukuran gambar aslinya. Milik kami memiliki lebar 1024 dan panjang 768. Mari tuliskan parameter ini. Selanjutnya, klik tombol “OK” dan terus bekerja. Sekali lagi kita pergi ke bagian “Menggambar”. Di sana kami menemukan opsi “Regang/Miring”. Pilih dan dapatkan yang berikut ini di layar:

Sekarang mari kita mengingat parameter asli gambar kita (lebar 1024 dan panjang 768). Ini 100% baik secara vertikal maupun horizontal. Kami melakukan beberapa perhitungan kecil dan menemukan bahwa ukuran avatar yang sudah jadi tidak boleh melebihi 16% dari ukuran aslinya. Pada kolom “Horizontal” dan “Vertikal” masukkan angka 16. Klik “OK” dan kagumi kreasi kami berukuran 164x123 piksel. Kita tidak boleh lupa bahwa kita mengincar gambar dengan sisi 100 piksel.

Kita mendapatkan:

Buka bagian “Edit” dan pilih opsi “Pilih Semua”. Kami memilih dengan bingkai titik-titik area gambar yang ingin kami lihat sebagai ava. Kursor di sini adalah tanda silang dengan panah.

Klik pada gambar dengan tombol kanan mouse. Di kotak dialog, pilih “Salin” dan ikuti menu di panel atas program. Di sana kami memilih opsi "Buat". Jangan khawatir ketika Paint menanyakan apakah Anda ingin menyimpan perubahan pada file; silakan klik Tidak. Setelah lembar kosong dokumen baru muncul, tempelkan bagian yang disalin di sana.

Ini dilakukan seperti ini. Kami mengatur parameter bidang: kami membatasi panjang dan lebar hingga 100 piksel. Pastikan satuan pengukurannya adalah piksel atau titik. Kami juga memperhatikan bahwa “Palette” berwarna. Jika Anda perlu membuat avatar dengan parameter lain, tunjukkan di bagian ini (80x80, 150x150, atau 64x64 piksel).

Semakin kecil ukuran gambar yang dibutuhkan maka semakin besar persentase sumber yang harus kita atur.

Jadi, kita mempunyai kotak putih bersih dengan sisi 100 piksel.