{"id":18110,"date":"2021-07-17T09:46:59","date_gmt":"2021-07-17T02:46:59","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?p=18110"},"modified":"2021-07-17T09:50:47","modified_gmt":"2021-07-17T02:50:47","slug":"pedoman-ukuran-gambar-mwe","status":"publish","type":"post","link":"https:\/\/www.devmakewebeasy.com\/id\/blog\/pedoman-ukuran-gambar-mwe\/","title":{"rendered":"Ukuran Gambar pada Website yang Direkomendasikan di Sistem MakeWebEasy"},"content":{"rendered":"

Gambar adalah elemen yang penting dalam sebuah website. Desain website yang bagus memiliki pemilihan gambar yang tepat dan ukuran yang sesuai. Maka dari itu menampilkan gambar di website tidak bisa dilakukan sembarangan.<\/span><\/strong><\/span><\/p>\n

Artikel ini akan membantumu dalam memilih ukuran gambar pada website yang direkomendasikan di sistem MakeWebEasy.<\/span><\/p>\n

Yuk simak perlu ukuran berapa aja sih dalam mendesain website di sistem MakeWebEasy?<\/span><\/p>\n

 <\/p>\n

Logo: <\/strong>Gambar Logo B<\/strong>rand<\/strong><\/span><\/p>\n

Logo persegi 200 x 200 px<\/span><\/p>\n

Logo horizontal, tinggi minimum 75 px.<\/span><\/p>\n

\"Logo<\/span><\/p>\n

Logo adalah bagian penting yang akan membuat pengunjung website mengingat brand<\/em>.<\/span><\/p>\n

Jika logomu berbentuk persegi, kami merekomendasikan ukuran gambar 200 x 200 px. Jika logomu horizontal atau vertikal, maka tingginya tidak boleh kurang dari 75 px atau logo brand<\/em>-mu akan terlalu kecil sampai-sampai pengunjung website-mu tidak bisa melihatnya sama sekali.<\/span><\/p>\n

Yang penting file gambar logo tidak boleh pecah atau tidak tajam, karena akan membuat brand<\/em>-mu seperti tidak kredibel. Dan ukuran logo tidak boleh terlalu besar, karena itu akan memakan area lainnya pada website.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Slide: <\/strong>Banner pada Slide<\/strong><\/span><\/p>\n

Lebar 1920 px<\/span><\/p>\n

Tinggi minimum 600 px<\/span><\/p>\n

\"Slide<\/span><\/p>\n

Ketika pengunjung memasuki halaman depan (home page) website, yang akan mereka lihat pertama adalah Slide Banner.<\/span><\/p>\n

Disarankan untuk membuat gambar untuk Slide dengan lebar 1920 px, yang akan membentang lebar di semua perangkat. Sedangkan untuk tinggi, kami merekomendasikan 600 px.<\/span><\/p>\n

 <\/p>\n

Tips!<\/span><\/strong><\/span><\/p>\n

Pada beranda website sebaiknya gunakan 3-4 gambar pada Slide untuk mencegah website terlalu lambat saat memuat konten. Dan juga jika terlalu banyak gambar, orang cenderung tidak menggeser semua banner pada Slide. Terlalu banyak informasi pada Slide, nantinya dapat menyebabkan apa yang ingin kita komunikasikan malah tidak sampai ke pengunjung.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Produk: Gambar Produk<\/strong><\/span><\/p>\n

Gambar produk persegi 1000 x 1000 px<\/span><\/p>\n

Gambar produk vertikal 1000 x 1500 px<\/span><\/p>\n

\"Ukuran<\/span><\/p>\n

Gambar produk adalah inti dari setiap website penjualan karena jika gambarnya indah dan ukuran gambar sesuai dengan template, akan membuat website-mu tidak terganggu, terlihat seimbang, dan sempurna!<\/span><\/p>\n

Untuk situs toko online, lebar gambar produk harus 1000 px. Ini adalah ukuran gambar yang indah dan tajam dan yang terpenting: gambar tidak akan pecah. Pengunjung akan dapat memperbesar untuk melihat detail produk tersebut pada satu halaman produk.<\/span><\/p>\n

Misalnya kemeja bordir, jika kamu menggunakan gambar yang terlalu kecil pengunjung tidak akan dapat melihat pola bordir yang indah pada kemeja. Tetapi jika menggunakan ukuran yang kami sarankan, dijamin bahwa gambar produkmu akan terlihat detail.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Konten: Gambar Depan Artikel<\/strong><\/span><\/p>\n

Gambar persegi 760 x 760 px<\/span><\/p>\n

Gambar horizontal 1160 x 760 px<\/span><\/p>\n

\"Ukuran<\/span><\/p>\n

Gambar depan artikel yang menarik akan dapat membuat pengunjung mengklik untuk membaca konten artikel tersebut.<\/span><\/p>\n

Ukuran gambar yang sesuai untuk wesbite minimal harus 760 x 760 px jika kamu ingin gambar berbentuk persegi.<\/span><\/p>\n

Tetapi wesbite MakeWebEasy tidak terbatas pada gambar depan artikel yang berbentuk persegi saja. Kamu juga bisa mengatur gambar depan menjadi horizontal. Jika horizontal, ukuran gambarnya harus 1160 x 760 px dan jangan khawatir tentang ukuran apa yang akan ditampilkan di halaman thumbnail<\/em>, karena sistem MakeWebEasy akan secara otomatis memotongnya.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Favicon : Ikon Situs Website<\/strong><\/span><\/p>\n

Ukuran 16×16 px<\/span><\/p>\n

\"Ukuran<\/span><\/p>\n

Apakah kamu tahu apa itu Favicon?<\/span><\/p>\n

Favicon adalah ikon utama yang muncul pada address bar<\/em> suatu laman website dan merupakan logo dari laman website tersebut; juga dikenal sebagai shortcut icon<\/em>, website icon<\/em>, URL icon<\/em>, atau bookmark icon<\/em>. Dan jika diamati, kamu akan menemukan bahwa setiap website memiliki favicon yang berbeda. Ini akan membantu mempromosikan keunikan website-mu dan pengenalan brand<\/em> oleh pelanggan.<\/span><\/p>\n

Ukuran favicon yang disarankan adalah ukuran gambar yang sangat kecil yaitu 16 x 16 px. Format file yang didukung sistem MakeWebEasy hanya .jpeg, .jpg, .png, dan .ico.<\/span><\/p>\n

 <\/p>\n

Tips!<\/span><\/strong><\/span><\/p>\n

Disarankan untuk gunakan logo brand<\/em>-mu sendiri atau bisa juga berupa gambar yang terlihat seperti logo brand<\/em> atau sesuatu yang berhubungan dengan brand<\/em> agar tidak membingungkan pengunjung dan meningkatkan kesadaran brand<\/em> sebanyak mungkin.<\/span><\/p>\n

 <\/p>\n

Sekarang kamu sudah tahu kan? Saatnya mencoba!<\/span><\/strong><\/span><\/p>\n

Ukuran gambar pada website yang telah disampaikan di atas adalah poin penting dari website-mu. Sekarang saatnya kamu mulai mengubah ukuran gambar agar sesuai dengan yang direkomendasikan pada sistem MakeWebEasy. Kami jamin website-mu akan menjadi menarik dan akan terlihat bagus di semua perangkat!<\/span><\/p>\n

 <\/p>\n

Belum memiliki website untuk bisnismu? MILIKI SEKARANG JUGA!<\/a><\/span><\/span><\/strong><\/p>\n

Jangan lupa follow akun media sosial MakeWebEasy Indonesia<\/a> <\/span>untuk mendapatkan info dan tips terbaru!<\/span><\/p>\n

\"\"<\/a> \"Instagram<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Gambar adalah elemen yang penting dalam sebuah website. Desain website yang bagus memiliki pemilihan gambar yang tepat dan ukuran yang sesuai. Maka dari itu menampilkan gambar di website tidak bisa dilakukan sembarangan. Artikel ini akan membantumu dalam memilih ukuran gambar pada website yang direkomendasikan di sistem MakeWebEasy. Yuk simak perlu ukuran berapa aja sih dalam […]<\/p>\n","protected":false},"author":52,"featured_media":18119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1733],"tags":[1796,1801,1802,38],"yoast_head":"\nUkuran Gambar Website yang Direkomendasikan pada Sistem<\/title>\n<meta name=\"description\" content=\"Desain website yang bagus memiliki pemilihan ukuran gambar yang sesuai. Berikut ukuran gambar pada website yang direkomendasikan pada sistem!\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/pedoman-ukuran-gambar-mwe\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Ukuran Gambar Website yang Direkomendasikan pada Sistem\" \/>\n<meta name=\"twitter:description\" content=\"Desain website yang bagus memiliki pemilihan ukuran gambar yang sesuai. Berikut ukuran gambar pada website yang direkomendasikan pada sistem!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/07\/Rekomendasi-Ukuran-Gambar.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18110"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=18110"}],"version-history":[{"count":6,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18110\/revisions"}],"predecessor-version":[{"id":18125,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18110\/revisions\/18125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media\/18119"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=18110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=18110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=18110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}