HTML5 – Canvas, DrawImage () Menggambar Kapasan Gambar

Ringkasan:

1. Masalah muncul saat menggambar gambar di atas kanvas.
2. Gambar tampak buram dan pixelated meskipun mengatur ukuran kanvas.
3. Kabur ini disebabkan oleh anti aliasing.
4. Untuk memperbaikinya, atur Properti FotoSmoothingEnabled menjadi FALSE.
5. Selain itu, Anda mungkin perlu menambahkan awalan vendor untuk kompatibilitas browser.
6. Jika Anda resampling gambar, Anda dapat menyesuaikan ukuran kanvas yang sesuai.

Poin -Poin Kunci:

• Gambar awalnya jelas dan segar.
• Saat ditarik ke kanvas, itu menjadi buram dan pixelated.
• Properti yang dapat dikembangkan dari gambar harus diatur ke false.
• Browser mungkin memerlukan awalan vendor untuk kompatibilitas.
• Jika menggunakan kendala CSS, mereka dapat mempengaruhi rendering kanvas.

Pertanyaan:

1. Mengapa gambar tampak buram di kanvas?

Kaburnya disebabkan oleh anti aliasing. Kanvas berlaku anti aliasing secara default, menghasilkan gambar buram.

2. Bagaimana saya bisa memperbaiki kekaburan?

Anda dapat memperbaiki kekaburan dengan mengatur properti gambar yang dapat dikembangkan dari konteks kanvas menjadi false.

3. Apakah ada hal lain yang perlu saya lakukan untuk memperbaiki kekaburan?

Dalam beberapa kasus, Anda mungkin perlu menambahkan awalan vendor untuk memastikan kompatibilitas browser. Selain itu, jika Anda resampling gambar, Anda mungkin perlu menyesuaikan ukuran kanvas yang sesuai.

4. Apa yang terjadi jika saya tidak mengatur gambar yang dapat di -fale?

Jika Anda tidak menonaktifkan gambar yang dapat dikembalikan, kanvas akan menerapkan anti aliasing, menghasilkan gambar buram.

5. Bagaimana jika saya menggunakan kendala CSS untuk kanvas?

Jika Anda menggunakan kendala CSS untuk kanvas, mereka dapat mempengaruhi rendering. Disarankan untuk menghapus deklarasi CSS untuk hasil yang lebih baik.

6. Apakah masalah hanya terjadi dengan ukuran gambar tertentu?

Tidak, kekaburan dapat terjadi dengan ukuran gambar apa pun. Namun, jika Anda bekerja dengan monitor kepadatan tinggi, Anda mungkin perlu menyesuaikan ukuran kanvas yang sesuai untuk mempertahankan kualitas gambar.

7. Apakah ada solusi alternatif untuk memperbaiki kekaburan?

Saat ini, mengatur gambar yang dapat di -fale adalah solusi yang paling umum. Namun, selalu pertimbangkan persyaratan spesifik dari proyek Anda dan bereksperimen dengan pendekatan yang berbeda.

8. Apakah ukuran kanvas mempengaruhi gambar asli?

Tidak, mengubah ukuran kanvas tidak mempengaruhi gambar asli. Itu hanya mengubah cara gambar ditampilkan di kanvas.

9. Bisakah saya tetap menggunakan css untuk menata kanvas?

Ya, Anda masih dapat menggunakan CSS untuk menata kanvas, tetapi berhati-hatilah dengan segala properti terkait ukuran yang dapat mempengaruhi rendering.

10. Mengapa kanvas memerlukan penyesuaian untuk monitor kepadatan tinggi?

Monitor kepadatan tinggi memiliki rasio piksel yang lebih tinggi, sehingga kanvas perlu mengakomodasi kepadatan ekstra itu. Gagal menyesuaikan ukuran kanvas dapat menyebabkan gambar buram.

11. Apakah ada metode khusus untuk menyesuaikan kanvas untuk monitor kepadatan tinggi?

Pastikan bahwa kanvas Anda mencerminkan kepadatan piksel monitor dengan menyesuaikan ukurannya sesuai. Dengan cara ini, kanvas dapat membuat gambar dengan tingkat detail yang sesuai.

12. Haruskah saya khawatir tentang kompatibilitas browser?

Ya, saat menggunakan fitur atau properti tertentu, seperti gambar -gambar yang dapat dikembangkan, penting untuk mempertimbangkan kompatibilitas browser. Menambahkan awalan vendor dapat membantu memastikan perilaku yang konsisten di berbagai browser.

13. Apakah ada sumber daya online atau referensi untuk mempelajari lebih lanjut tentang rendering kanvas?

Ya, ada banyak tutorial, artikel, dan forum online yang didedikasikan untuk rendering kanvas. Beberapa sumber daya populer termasuk dokumen web MDN, kanvas html5 oleh W3Schools, dan berbagai forum komunitas.

14. Apakah ada ukuran kanvas yang disarankan untuk kualitas gambar yang optimal?

Ukuran kanvas yang optimal tergantung pada persyaratan spesifik proyek Anda. Yang terbaik adalah mempertimbangkan faktor -faktor seperti resolusi gambar, ukuran tampilan yang dimaksudkan, dan perangkat target saat menentukan ukuran kanvas.

15. Dapatkah saya menerapkan gambar yang dapat dikeluarkan ke gambar tertentu di kanvas?

Tidak, gambar yang dapat dipengaruhi oleh seluruh rendering kanvas. Itu tidak dapat diterapkan secara selektif ke gambar tertentu di dalam kanvas.

HTML5 – Canvas, DrawImage () Menggambar Kapasan Gambar

Buku Pegangan Seniman

Apakah kanvas membuat gambar buram

Procreate® untuk iPad

Procreate® Pocket

Procreate® Insight

Procreate® Art Prize

Karya seni unggulan

Karya Seni Populer

Karya Seni Terbaru

Pasar

Segera hadir

Diskusi

Ide & Saran

Bantuan & Dukungan

Pasar

Saran seniman

Perangkat Keras & Aksesori

Pasar

Segera hadir

Sering ditanyakan

Buku Pegangan Seniman

Dompet

Buat sebuah akun

Masuk ke akun

Unggah ke portofolio

Lihat profil Anda

Kelola akun

Sering ditanyakan

Dompet

Buat sebuah akun

Masuk ke akun

Unggah ke portofolio

Lihat profil Anda

Kelola akun

Situs ini menggunakan cookie untuk memberi Anda pengalaman terbaik. Dengan menggunakan situs ini, Anda menerima penggunaan cookie kami.

Akun procreate Anda telah dinonaktifkan. Anda telah diberitahu melalui email.

HTML5 – Canvas, DrawImage () Menggambar Kapasan Gambar

Saya mencoba menggambar gambar berikut ke kanvas tetapi tampak buram meskipun mendefinisikan ukuran kanvas. Seperti yang dapat Anda lihat di bawah, gambarnya renyah dan jernih sedangkan di atas kanvas, itu buram dan pixelated. Dan inilah tampilannya (yang kiri menjadi yang asli dan yang benar adalah kanvas dan buram yang ditarik.) Apa yang saya lakukan salah?

menghibur.log ('halo dunia') var c = dokumen.getElementById ('Canvas') var ctx = c.getContext ('2d') var playerimg = gambar baru () // http: // i.Imgur.com/ruzv0dl.PNG melihat pemutar gambar yang jernih dan renyah.src = 'http: // i.Imgur.com/ruzv0dl.PNG 'PlayerImg.lebar = 32 playerimg.Tinggi = 32 PlayerImg.onload = function () < ctx.drawImage(playerImg, 0, 0, 32, 32); >;

#kanvas

Ditanya 10 Agustus 2015 jam 0:10

Zeng Cheng Zeng Cheng

725 2 2 Lencana Emas 7 7 Lencana Perak 16 16 Lencana Perunggu

6 Jawaban 6

Alasan ini terjadi adalah karena anti aliasing. Cukup atur gambar -gambar yang dapat dialihkan ke false seperti itu

konteks.ImageSmoothingEnabled = false; 

Ini adalah jsfiddle verson

var c = dokumen.getElementById ('Canvas') var ctx = c.getContext ('2d') var playerimg = gambar baru () // http: // i.Imgur.com/ruzv0dl.PNG melihat pemutar gambar yang jernih dan renyah.src = 'http: // i.Imgur.com/ruzv0dl.PNG 'PlayerImg.onload = function () < ctx.imageSmoothingEnabled = false; ctx.drawImage(playerImg, 0, 0, 256, 256); >; 

Dijawab 10 Agustus 2015 jam 0:15

5.709 9 9 Lencana Emas 54 54 Lencana Perak 98 98 Lencana Perunggu

Anda harus menambahkan awalan vendor, karena ini bukan properti yang stabil.

10 Agustus 2015 jam 1:02

@Canvas menarik. Tapi, tetap saja, gambarnya adalah 32×32 dan mengatur gambar Anda dari 256 hingga 256 hingga 32×32 dan masih pixelisasi: \ . Saya menggunakan Firefox..

10 Agustus 2015 jam 1:35

@Canvas tapi masih terlihat buram dalam ukuran 32×32. Ukuran asli.

10 Agustus 2015 jam 1:48

@Danf telah saya katakan dalam komentar di atas, Anda memerlukan awalan vendor. Periksa biola yang diperbarui ini: jsfiddle.net/mt8sk9cb/2

10 Agustus 2015 jam 2:27

@Kaiido saya tahu tetapi saya tidak ingin gambar 256×256 melainkan ukuran aslinya 32×32 dan ketika saya mengaturnya ke 32×32. itu buram meskipun gambar aslinya tidak buram.

10 Agustus 2015 jam 2:39

Masalah Anda adalah bahwa kendala CSS Anda dari kanvas vs lebar properti kanvas = 521 akan membuat browser Anda membaca ulang seluruh kanvas.

Untuk menghindarinya, lepaskan deklarasi CSS tersebut.

var c = dokumen.getElementById ('Canvas') var ctx = c.getContext ('2d') var playerimg = gambar baru () // http: // i.Imgur.com/ruzv0dl.PNG melihat pemutar gambar yang jernih dan renyah.src = 'http: // i.Imgur.com/ruzv0dl.PNG 'PlayerImg.lebar = 32 playerimg.Tinggi = 32 PlayerImg.onload = function () < ctx.drawImage(playerImg, 0, 0, 32, 32); >;

#kanvas

Juga, jika Anda resampling gambar (dari 32×32 ke ukuran lain), solusi @Canvas akan menjadi cara untuk pergi.

Dijawab 10 Agustus 2015 jam 2:50

120k 12 12 Lencana Emas 206 206 Lencana Perak 269 269 Lencana Perunggu

Terima kasih, itu juga sangat membantu.

10 Agustus 2015 jam 3:04

@Danf Anda dapat menangani tanda yang diterima seperti yang Anda inginkan, tetapi karena Canvas’one tidak menyelesaikan masalah Anda, yang disebabkan oleh deklarasi CSS, saya pikir akan lebih baik bagi pembaca di masa depan untuk menerima yang ini dan memberikan hadiah kepada kanvas ‘

16 Agustus 2015 jam 4:39

+100, karena saya datang ke sini setelah saya menempatkan CTX.ImageSmoothingEnabled = false; , tapi gambar itu masih buram.

24 Okt 2018 pukul 18:41

Ini harus menjadi jawaban yang diterima, memiliki masalah yang sama, gambar saya bukan seni piksel, dan jauh lebih besar, masih mendapat kesalahan yang sama, sampai saya mengubah gaya = “lebar: x; tinggi: y” untuk ketinggian = “x” tinggi = “y”.

15 Mar 2019 jam 22:57

Ketika saya menemukan posting yang lebih lama ini untuk beberapa masalah saya, inilah lebih banyak wawasan tambahan untuk mengibarkan gambar untuk dilapisi di atas solusi ‘ImageSmoothingEnabled’.

Ini lebih khusus untuk kasus penggunaan rendering spesifik monitor dan hanya beberapa orang yang akan mengalami masalah ini jika mereka mencoba untuk merender grafik berkualitas retina ke dalam kanvas mereka dengan hasil yang mengecewakan.

Pada dasarnya, monitor kepadatan tinggi berarti kanvas Anda perlu mengakomodasi kepadatan ekstra piksel itu. Jika Anda tidak melakukan apa -apa, kanvas Anda hanya akan memberikan informasi piksel yang cukup ke dalam konteksnya untuk memperhitungkan rasio piksel 1.

Jadi bagi banyak monitor modern yang memiliki rasio> 1, Anda harus mengubah konteks kanvas Anda untuk memperhitungkan informasi tambahan itu tetapi menjaga kanvas Anda dengan lebar dan tinggi normal.

Untuk melakukan ini, Anda cukup mengatur lebar dan tinggi konteks rendering ke: Target lebar dan tinggi * jendela.devicepixelratio.

kanvas.lebar = jendela target *.devicepixelratio; kanvas.Tinggi = Jendela Tinggi Target *.devicepixelratio; 

Kemudian Anda mengatur gaya kanvas untuk mengukur kanvas dalam dimensi normal:

kanvas.gaya.lebar = `$ px`; kanvas.gaya.tinggi = `$ px`; 

Terakhir Anda membuat gambar pada ukuran konteks maksimum yang diizinkan gambar. Dalam beberapa kasus (seperti gambar rendering SVG), Anda masih bisa mendapatkan kualitas gambar yang lebih baik dengan membuat gambar di dimensi ukuran pixelratio:

CTX.DrawImage (IMG, 0, 0, IMG.Lebar * jendela.devicepixelratio, img.Tinggi * jendela.devicepixelratio); 

Jadi untuk memamerkan fenomena ini saya membuat biola. Anda tidak akan melihat perbedaan kualitas kanvas jika Anda menggunakan monitor pixelratio mendekati 1.

Mengapa gambar kanva saya begitu buram dan apa yang bisa saya lakukan tentang itu?

Di sana’S tidak ada perasaan yang lebih buruk daripada menuangkan hati dan jiwa Anda ke dalam grafik Anda’ve dibuat di kanva bahwa Anda’sangat bangga, hanya untuk melihat bahwa itu akhirnya buram dan secara keseluruhan hanya kualitas jelek saat Anda mengunggahnya ke situs web atau saluran media sosial Anda.

Anda mencoba lagi tidak berhasil. Masih buram. Masih mengisap-y.

Jadi, mengapa gambar kanva Anda buram, dan apa yang dapat Anda lakukan untuk memperbaikinya?

Kami’kembali ke sini untuk memandu Anda melalui cara memastikan kreasi Anda terlihat bersih dan segar setiap kali (dan don’t khawatir, kami mencoba membatasi bahasa untuk berbicara normal).

Membiarkan’S Bicara tentang Canva, sayang!

Itu tidak’That Jenis latar belakang apa dalam desain grafis yang Anda miliki atau seberapa mahir Anda dalam semua alat desain profesional, Canva masih merupakan salah satu alat desain terbaik untuk begitu banyak orang. Bahkan dengan 2 desainer profesional, 20+ tahun latar belakang dalam pemasaran, dan 25+ tahun pengalaman desain, tim kami menggunakan Canva setiap hari.

Mengenakan’t mengeluarkannya di Canva.

Lihat, kami tahu betapa frustrasinya saat Anda’telah menghabiskan berjam -jam untuk membuat satu grafik, tetapi tidak’t berubah seperti yang Anda bayangkan. Canva ISN’Tahkan sepenuhnya untuk disalahkan. Ada beberapa faktor lain yang ikut bermain di sini untuk memastikan bahwa ketika Anda mengunggah gambar Anda ke situs web atau halaman media sosial, itu terlihat persis seperti yang terjadi saat Anda membuatnya.

MEMBIARKAN’S Mulailah dengan dimensi

Sebagian besar masalah Anda bisa datang dari menggunakan dimensi yang salah untuk gambar Anda, menyebabkannya menjadi terlalu peregangan atau, jika dimensinya terlalu kecil, buram. Canva sudah memiliki banyak opsi ukuran built-in agar sesuai dengan hampir semua jenis grafik yang ingin Anda buat, mulai dari posting Instagram hingga thumbnail YouTube dan bahkan kartu resep. Jika Anda mengetik jenis grafik Anda’ingin membuat, peluang adalah pilihan untuk itu akan muncul.

Jika tidak’T, bagaimanapun, 9 kali dari 10, melakukan pencarian Google cepat akan memberi tahu Anda ukuran gambar yang seharusnya untuk tujuan apa. Setelah Anda menemukannya, cukup klik “Dimensi khusus” tombol saat akan memulai desain baru dan memasukkan ukuran yang Anda butuhkan.

Dari sana, Anda dapat secara manual memasukkan dimensi yang Anda butuhkan dalam piksel, inci, sentimeter, atau milimeter baik.

Jika Anda menemukan Anda’harus melakukan menjalankan uji coba dan kesalahan dan mengubah ukuran gambar Anda untuk melihat apa yang paling berhasil, pastikan untuk mempertahankan rasio aspek yang sama. (Dengan kata normal, itu berarti jika Anda mengurangi lebar hingga setengah– atau 20%, 35%, dll. Kurangi tinggi hingga setengahnya juga.)
Pengubah ukuran dapat dilakukan dengan mudah dalam desain itu sendiri jika Anda’kembali seorang anggota Canva Pro.

Kami’telah melakukan pekerjaan kotor untuk Anda dan menemukan beberapa tips ukuran gambar untuk hal -hal yang Anda menangkan’t temukan preloaded di kanva .

Jika Anda memiliki situs web Squarespace, lebar yang disarankan untuk gambar tidak lebih lebar dari 1500px hingga 2500px lebar.

Untuk situs web WordPress, beberapa ukuran gambar yang disarankan adalah 1200 x 630px untuk posting blog, 2880 x 1500px untuk gambar layar penuh, 900 x 1200px untuk gambar fitur lansekap, dan sebaliknya untuk gambar potret.

Untuk Pinterest, foto profil Anda harus minimal lebar dan tinggi 165px, penutup profil harus berupa rasio aspek 16: 9 seperti 1920 x 1080px, dan ukuran yang disarankan untuk penutup papan adalah 600 x 600px.

Foto sampul Facebook untuk halaman bisnis harus 820 x 312px untuk kualitas terbaik, dan foto sampul grup adalah 1640 x 856px. Foto profil di Facebook harus minimal lebar dan tinggi 180px.

Bagaimana jika Anda masih tidak tahu dimensi apa yang seharusnya?

Terkadang Google mungkin tidak adil. Apa yang dapat Anda lakukan dalam contoh ini adalah penguasa halaman unduh. Dia’s Perpanjangan untuk Google Chrome yang akan memberi Anda dimensi piksel serta memposisikan dan mengukur elemen untuk apa pun di halaman web. Bicara tentang penyelamat hidup!

Beberapa situs mengompres gambar

Banyak situs web media sosial, Facebook menjadi pelaku besar, mengompres gambar untuk membantu situs mereka memuat lebih cepat. Anda’ve mungkin memperhatikan bahwa setelah Anda mengunggah grafik atau foto yang indah dan renyah di Facebook, akhirnya terlihat sedikit (atau sangat) buram. Karena itu menjadi hal Facebook, di sana’S hanya begitu banyak yang dapat Anda lakukan di Canva, tetapi beberapa tips yang dapat Anda coba untuk membantunya terlihat sebesar mungkin:

• Unduh sebagai jenis file PNG, terutama jika ada teks di gambar Anda.
• Kompres gambar Anda tanpa kehilangan kualitas dengan menggunakan situs web gratis seperti PNG kecil.
• Gandakan dimensi desain Anda di Canva.
• Jangan pernah membuat desain dengan dimensi yang lebih kecil dari apa yang direkomendasikan oleh platform itu. Misalnya, Instagram’S Square Image Ukuran adalah 1080 x 1080px. Membuat dan mengunggah gambar yaitu 800 x 800px akan menyebabkannya terlihat peregangan dan kabur.

Tetap berpegang pada gambar resolusi tinggi

Foto apa pun Anda’menggunakan kembali dalam desain Anda harus beresolusi tinggi. Tetap berpegang pada gambar yang difoto secara profesional, apakah itu gambar bermerek atau fotografi stok Anda sendiri. Untuk menjaga hal -hal yang konsisten, coba gunakan stok foto dari fotografer yang sama. Jika kamu’Re membutuhkan gambar stok profesional untuk digunakan dalam bisnis Anda, toko ini menawarkan satu set 30 foto stok dalam tiga palet warna yang berbeda.

Tip lain yang harus diperhatikan adalah memastikan Anda’t meregangkan atau memperbesar foto Anda lebih dari yang sudah ada. Ini hampir selalu membuat mereka tampak buram jika mereka’kembali melampaui ukuran resolusi mereka.

Konversi dari PDF ke JPG

Ini adalah langkah tambahan yang dapat Anda ambil saat mengunduh gambar kanva Anda jika Anda’ve menemukan mereka masih keluar buram. Ada konverter file online, seperti smallpdf dan pdf2jpg, yang akan memungkinkan Anda untuk mengubah PDF menjadi gambar jpg. Banyak yang menemukan ini sebagai cara yang sangat mudah untuk memiliki gambar yang paling renyah.

1. Unduh gambar Anda sebagai cetakan PDF.
2. Unggah ke PDF Anda ke JPG Converter.
3. Konversi ke gambar jpg.

Tiga langkah itu bisa membuat perbedaan besar dalam jumlah pemilih gambar kanva Anda. Di Sini’S Contoh gambar PNG biasa (kiri) dan gambar yang sama diunduh sebagai PDF dan dikonversi menjadi JPG (kanan).

Anda sudah dapat mengetahui betapa substansial perbedaannya dengan melihatnya, tetapi tunggu saja sampai Anda memperbesar. (Astaga!)

Dasar -dasar desain grafis

Di hari ini’S World, kamu Don’T perlu mengambil kelas atau kursus untuk merancang gambar untuk bisnis Anda. Canva membuatnya sangat mudah untuk mengumpulkan grafik dengan cepat. Dengan itu, ada beberapa dasar yang, jika Anda mengikutinya, akan membantu gambar Anda terlihat lebih profesional.

• Yang ini mungkin tampak jelas, tetapi terlalu banyak diabaikan. Pastikan gambar Anda kontras dengan baik. Gunakan teks gelap pada latar belakang terang dan sebaliknya.
• Hanya Gunakan 2-3 warna branding Anda dalam satu desain.
• Font sans-serif atau serif adalah teman Anda. Skrip seringkali sulit dibaca, terutama jika mereka’ditambahkan kembali pada suatu gambar, jadi gunakanlah dengan hemat.
• Kurang itu lebih. Cobalah agar gambar Anda tidak terlalu sibuk. Pilih beberapa elemen untuk menjadi fokus utama Anda, pastikan mereka menonjol, dan elemen tambahan apa pun seharusnya’t mengalahkan potongan -potongan utama itu.

Merancang menjadi mudah

Semua hal desain grafis ini bisa sulit bagi seseorang yang memiliki sedikit atau tidak ada pengalaman desain. Itu “aturan” mengikuti bisa membuat frustasi jika ini bukan’t sesuatu yang Anda lakukan sepanjang waktu (atau sama sekali!). Ayo, teman saya, dan biarkan kami memperkenalkan Anda ke toko serba ada untuk semua kebutuhan desain dan pemasaran Anda, toko templat kreatif, yang dikenal sebagai toko saja.

Kami menawarkan templat grafis dalam tiga opsi warna – cerah, netral, dan lembut– untuk hampir semua kebutuhan pemasaran Anda, dan kami menambahkan empat desain baru setiap hari Selasa kedua setiap bulan. Beberapa templat grafis kami termasuk buku kerja opt-in, templat presentasi, templat kit media, media sosial dan templat Pinterest, dan banyak lagi. Yang harus Anda lakukan adalah mengunggahnya ke Canva, tambahkan foto dan kata -kata Anda sendiri, dan Anda’kembali! Anda juga dapat mengubah warna dan font menjadi branding Anda sendiri jika Anda mau. Dalam hitungan menit, Anda memiliki desain lengkap yang siap digunakan dalam bisnis kreatif Anda.

Koleksi lengkap templat grafis kami memiliki nilai lebih dari $ 3500 (dan tumbuh setiap bulan!), tetapi Anda dapat mengambil semua templat hanya dengan $ 47 per bulan dengan menjadi anggota. Ada beberapa manfaat yang sangat manis untuk menjadi anggota, jika kita mengatakannya sendiri! Anda’ll punya:

• Unduhan tanpa batas dari semua templat saat ini Dan Rilis baru di masa depan
• Kemampuan untuk meminta desain dan mengirimkan ide -ide Anda untuk apa Anda’D ingin melihat di toko
• Akses ke barang -barang yang eksklusif hanya untuk anggota toko (seperti fotografi stok indah kami)!
• Termasuk dalam keanggotaan Anda, Anda mendapatkan 30 hari untuk mencoba Canva Pro secara gratis.

Canva Pro membuka kunci begitu banyak manfaat ekstra seperti menabung dengan latar belakang transparan, ukuran gambar satu klik, akses ke lebih dari 60 juta elemen, menggunakan fitur kit merek mereka untuk mengunggah font Anda sendiri, logo, dan menyimpan warna branding Anda, dan banyak lagi.

Sekarang, goyang kreasi kanva yang bersih dan renyah itu!

Itu’s itu, sayang! Ini adalah langkah-langkah tujuan kami’VE digunakan untuk menjaga gambar kami terlihat setinggi mungkin saat mengunggah ke situs web kami atau saluran media sosial. Ingatlah untuk menggunakan dimensi yang benar (Anda’D lebih suka terlalu besar dari terlalu kecil), unduh sebagai jenis file yang sesuai, gunakan gambar res tinggi, dan hindari memperbesar foto di luar ukuran resolusi mereka, dan Anda’akan terkejut perbedaan yang akan dibuat setelah Anda mengunggah gambar kanva Anda ke tempatnya. Jika Anda masih membutuhkan bantuan pemecahan masalah, Anda dapat memeriksa dua bagian ini di Canva’S Situs Dukungan, “Desain saya terlihat buram” Dan “Cetakan saya terlihat buram”.

Panduan Resolusi untuk Cetakan Kanvas Foto

Kami ditanya pertanyaan ini sepanjang waktu. Berapa ukuran foto saya sebelum terlihat pixelated dan buram pada cetakan kanvas foto ekstra besar? Ada ratusan jawaban untuk pertanyaan ini dan tentu saja, semua orang menjadi ahli teknis. Tapi bagaimana dengan rata -rata orang duduk di rumah hanya dengan program pengeditan sederhana? Bagaimana mereka memberi tahu jika foto yang mereka miliki cukup baik untuk membuat foto kanvas dicetak atau tidak? Di sini kami akan mencoba dan menunjukkan cara memutuskan dan mencari tahu apakah foto Anda cukup baik atau tidak. Sebagai aturan praktis, minimum foto dapat menjadi 72dpi pada ukuran yang ingin Anda buat ke kanvas.

Foto cukup baik untuk dicetak di contoh kanvas

Buka foto di program pengeditan foto. Di sini saya telah menggunakan Photoshop, tetapi Anda dapat menggunakan program pengeditan foto apa pun yang Anda miliki di komputer yang Anda kenal. Pergi ke ukuran gambar dan Anda akan melihat kotak seperti yang di bawahnya muncul.

Di sini kita dapat melihat bahwa gambar saya adalah 5.1 ″ lebar x 4.4 ″ tinggi pada 200 piksel per inci.

Saya ingin pencetakan foto ini ke kanvas tinggi 16 ″ lebar x 12 ″. Sebagai aturan praktis, resolusi minimum foto seharusnya adalah 72 piksel per inci pada ukuran yang Anda inginkan dari pencetakan.

Dalam contoh ini foto yang akan dicetak ke kanvas jauh lebih besar dan resolusi lebih tinggi daripada yang seharusnya, sehingga akan baik -baik saja setelah diubah ukurannya dan dicetak.

Foto tidak cukup baik untuk dicetak pada contoh kanvas

Saya telah membuka foto seperti yang saya lakukan di atas dan membawa kotak dialog ukuran gambar.

Di sini kita dapat melihat bahwa gambar saya adalah 3.611 ″ lebar x 3.611 ″ tinggi pada 72 piksel per inci.

Saya ingin pencetakan foto ini ke kanvas foto tinggi 12 ″ lebar x 12 ″ tinggi. Menggunakan aturan praktis yang sama seperti di atas (resolusi minimum foto seharusnya adalah 72 piksel per inci pada ukuran yang Anda inginkan dicetak), foto ini tidak akan terlihat bagus sama sekali.

Dalam contoh ini foto yang akan dicetak ke kanvas jauh lebih kecil dan resolusi lebih rendah daripada yang seharusnya, sehingga tidak akan baik -baik saja setelah diubah ukurannya dan dicetak. Ini akan terlihat buram dan pixelated seperti di bawah ini.

Jika Anda mengklik gambar dan memperbesarnya, Anda akan melihat bahwa ujungnya buram dan fotonya tidak memiliki detail. Kanvas sebagai materi agak memaafkan, tetapi foto ini pasti tidak akan terlihat bagus setelah dicetak ke cetak kanvas foto. Foto di bawah ini sama tetapi diperbesar sedikit untuk menunjukkan kualitas yang buruk.

Jadi, seperti yang telah kami tunjukkan, aturan praktisnya adalah bahwa foto Anda harus minimal 72 dpi dengan ukuran kanvas cetak yang ingin Anda hasilkan.

Bagaimana hal ini mempengaruhi kualitas pencetakan?

ImagePrograf IPF8300S adalah 44”/A0 printer format besar yang memberikan keseimbangan sempurna antara kualitas, produktivitas dan biaya. Ini adalah printer utama yang kami gunakan di CanvasDesign untuk mencetak cetakan kanvas murah berkualitas terbaik. Resolusi printer adalah 2.400 x 1.200 dpi, jadi tidak relevan dengan ukuran foto Anda, ini adalah resolusi cetak dari setiap foto yang kami cetak.

Apa itu dpi?

DPI adalah singkatan dari titik per inci. Persis seperti apa yang dikatakannya. Berapa banyak titik, atau kotak di komputer berbicara, ada per inci yang Anda ukur. Gambar di bawah ini menunjukkan efek dari gambar resolusi rendah dan yang lebih tinggi.

Ini sangat penting ketika Anda berurusan dengan gambar yang memiliki tepi yang tajam. Foto orang dan terutama pemandangan sedikit lebih memaafkan.

Cetakan kanvas foto lama yang dipindai untuk dicetak

Saat Anda memindai foto -foto lama Anda untuk dibuat untuk mencetak kanvas, kami sarankan Anda memindainya dengan resolusi tinggi yang akan diizinkan pemindai Anda. Alasannya adalah bahwa sebagian besar foto lama umumnya 6 ″ x4 ″ dan akan perlu meledakkan skala yang lebih besar untuk pencetakan. Jika kita harus memberikan resolusi pemindaian minimum untuk foto 6 ″ x4 ″ untuk dipindai, kita akan mengatakan 600dpi. Ini akan memungkinkan kami untuk memperbaiki cacat apa pun di foto dan memungkinkan foto dicetak pada ukuran apa pun yang Anda butuhkan. Jika Anda tidak percaya diri memindai foto di resolusi yang benar, Anda selalu dapat mengirimkannya kepada kami dan kami akan mengurusnya untuk Anda.

Kami harap artikel ini telah memberi Anda wawasan tentang apa yang diperlukan untuk mendapatkan foto yang dicetak ke kanvas dan agar Anda senang dengan hasilnya. Tentu saja, jika Anda masih belum jelas dan hanya ingin berbicara dengan seseorang, silakan hubungi kami di 01254 790102 atau mengobrol dengan kami di sistem online kami.

Jika kamu’Pergi untuk memindai foto lama Anda untuk proyek cetak kanvas, berikut adalah beberapa tips pemindaian untuk membuat gambar optimal yang dapat kami gunakan untuk pesanan cetak kanvas Anda:

Saat Anda mulai memindai foto lama Anda, catat pengaturan apa yang paling berhasil. Dengan cara ini, Anda bisa dengan mudah mendapatkan kualitas yang sama di semua foto lama Anda. Ini mungkin memakan waktu ketika Anda belajar menguasai perangkat lunak yang disertakan dengan pemindai. Foto pertama Anda mungkin akan membutuhkan beberapa penyesuaian, tetapi begitu Anda menemukan pengaturan yang sempurna, perhatikan apa yang Anda lakukan untuk menggunakannya pada semua foto lama Anda.

Jangan pernah menggunakan ponsel cerdas Anda

Hanya gunakan pemindai untuk foto lama Anda karena menggunakan smartphone Anda menang’t melakukannya dengan adil. Gambar menang’T keluar sejelas mungkin untuk cetakan kanvas. Selalu gunakan pemindai profesional saat mencoba untuk mencetak foto lama di atas kanvas.

Debu foto lama

Jika Anda ingin pemindaian yang bagus, pastikan Anda membersihkan foto lama. Ini akan menghilangkan noda atau kotoran yang tidak diinginkan untuk muncul di pemindaian Anda. Foto lama dapat memiliki kotoran dan debu penumpukan dari penyimpanan bertahun -tahun, jadi bersihkan mereka menggunakan udara terkompresi untuk benar -benar menghilangkan semuanya. Ini juga akan menghilangkan kebutuhan akan banyak pekerjaan sentuh setelah. Anda juga dapat menggunakan kain lensa bebas debu untuk membersihkan foto yang rapuh dengan lembut. Hanya don’t menggunakan handuk atau jaringan kertas biasa karena mereka benar -benar dapat meninggalkan lebih banyak partikel pada gambar Anda daripada Anda’D suka. Juga, jangan pernah menggunakan cairan pembersih atau air!

Mengenakan’T coba ratakan lipatan

Jika foto lama Anda memiliki lipatan di dalamnya, Don’Aku mencoba menyetrika mereka. Ini hanya akan menyebabkan lebih banyak kerusakan. Anda dapat mengambil lipatan nanti saat mengedit.

Meluruskan dan memotongnya

Jika kamu tidak’t melakukan pengeditan lain ke foto lama Anda, Anda harus memotong dan meluruskannya karena ini akan membuat foto Anda menjadi yang terbaik setelah dipindai.