{"id":18730,"date":"2023-07-28T17:06:29","date_gmt":"2023-07-28T10:06:29","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?p=18730"},"modified":"2023-07-28T17:07:18","modified_gmt":"2023-07-28T10:07:18","slug":"rekomendasi-ukuran-gambar-website-dengan-sistem-makewebeasy","status":"publish","type":"post","link":"https:\/\/www.makewebeasy.com\/id\/blog\/rekomendasi-ukuran-gambar-website-dengan-sistem-makewebeasy\/","title":{"rendered":"Rekomendasi Ukuran Gambar Website Dengan Sistem MakeWebEasy"},"content":{"rendered":"

Merancang website yang cantik dengan pilihan gambar dan ukuran yang tepat harus selalu diutamakan. Karena tidak bisa dipungkiri bahwa pengunjung cenderung lebih tertarik pada produk atau layanan dari brand yang memiliki website yang menarik.\u00a0<\/span><\/p>\n

Jika saat ini kamu sedang belajar merancang website mu dengan MakeWebEasy, hari ini kami hadir untuk membantu dengan rekomendasi berbagai kebutuhan ukuran gambar dalam sebuah web agar brand kamu bisa diminati audiens lebih luas lagi.<\/span><\/p>\n

 <\/p>\n

Logo Brand<\/strong><\/span><\/h2>\n

Persegi 200 x 200 px<\/strong><\/p>\n

Landscape tinggi minimal 75 px<\/strong><\/p>\n

\"\"<\/p>\n

Hal yang selalu teringat pelanggan<\/span>\u00a0pada sebuah brand adalah Logo<\/strong>nya.<\/p>\n

Jika logo berbentuk persegi, kami menyarankan ukuran 200 x 200 pixels. Namun jika horizontal atau vertical pastikan ukuran tidak kurang dari 75px. Jika logo terlalu kecil, khawatir gambar tidak terlihat oleh pengunjung.<\/span><\/p>\n

Pastikan file gambar tidak rusak atau buram ya. Karena hal sekecil itu saja bisa memberi impresi buruk pada brand kamu. Seakan brand kamu tidak profesional dan tidak bisa dipercaya. Ukuran logo juga tidak boleh terlalu besar karena akan memakan banyak ruang.<\/span><\/p>\n

<\/h2>\n

 <\/p>\n

Slide Banner<\/strong><\/span><\/h2>\n

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

Tinggi Minimal 600 px<\/strong><\/p>\n

\"\"<\/p>\n

Ketika pelanggan datang ke suatu situs, hal pertama yang menarik perhatiannya adalah slide banner<\/strong>.<\/span><\/p>\n

Ukuran yang direkomendasikan untuk banner adalah lebar 1920 px, yang bisa membentang di semua device, dengan tinggi dan 600 px.<\/p>\n

Rekomendasi<\/span><\/p>\n

Pada halaman depan cukup pasang banner dengan 3-4 slide agar situs tidak lambat saat dimuat. Kebanyakan orang juga tidak menggulir semua slide. Terlalu banyak masukan informasi pada banner bisa menyulitkan kamu berkomunikasi dengan pengunjung.<\/span><\/p>\n

 <\/p>\n

Product Image<\/strong><\/span><\/h2>\n

Persegi\u00a0 1000 x 1000 px<\/b><\/p>\n

Potrait\u00a0 \u00a01000 x 1500 px<\/b><\/p>\n

\"\"<\/p>\n

Gambar produk adalah inti dari situs web penjualan. Jika gambarnya yang dipasang bagus dan ukuran sesuai dengan template, website mu akan terlihat balanced<\/em> dan pastinya menarik.<\/span><\/p>\n

Untuk situs toko online ukuran gambar produk harus lebar 1000 px lebar dan pastikan tidak pecah. Jadi pelanggan bisa memperbesar untuk melihat detail produk tersebut. <\/span>Misal kalau kamu jual baju dengan motif, jika gambar terlalu kecil pelanggan jadi tidak bisa melihat detail motif yang kamu tawarkan.<\/span><\/p>\n

 <\/p>\n

Sampul Artikel<\/strong><\/span><\/h2>\n

Persegi 760 x 760 px<\/strong><\/p>\n

Landscape 1160 x 760 px<\/strong><\/p>\n

\"\"<\/p>\n

Gambar sampul<\/strong> adalah daya tarik bagi orang-orang yang mengunjungi situs dan memilih untuk mengklik untuk membaca isi artikel kamu.<\/p>\n

Ukuran gambar yang ideal untuk situs web tidak boleh lebih kecil dari 760 x 760 px jika berbentuk persegi panjang.<\/span><\/p>\n

Tapi bukan berarti MakeWebEasy membatasi gambar sampul menjadi persegi. Kami juga bisa menyetel sampul menjadi vertikal, yaitu 1160 x 760 px. Jangan khawatir tentang mengenai ukuran gambar thumbnail karena akan terset otomatis oleh sistem.<\/span><\/p>\n

 <\/p>\n

Favicon Icon Website<\/strong><\/span><\/h2>\n

16 x 16 px<\/strong><\/p>\n

\"\"<\/p>\n

Masih banyak orang tidak familiar dengan istilah Favicon<\/strong>.<\/span><\/p>\n

Tapi jika kamu sadar hampir setiap situs web memiliki Favicon yang berbeda. Gambar sekecil ini bisa membantu meningkatkan brand recognition <\/em>dan brand awareness <\/em>produk kamu.<\/em><\/p>\n

Ukuran gambar Favicon yang direkomendasikan sangat kecil yaitu 16 x 16 px, sementara format file yang diterima MakeWebEasy hanya .jpeg, .jpg, .png dan .ico.<\/span><\/p>\n

Rekomendasi<\/span><\/span><\/p>\n

Sebaiknya gunakan logo kamu sendiri sebagai Favicon, atau sesuatu yang mirip dan berkaitan dengan logo. Sehingga kamu tidak membingungkan pelanggan dan bisa memaksimalkan brand recognition.<\/em><\/span><\/p>\n

 <\/p>\n

Mari Kita Mulai!<\/p>\n

Rekomendasi ukuran gambar yang kami tawarkan disini adalah esensi dari sebuah website. Jika kamu bisa terapkan semua pasti website kamu bisa tampil prima disetiap perangkat.<\/p>\n","protected":false},"excerpt":{"rendered":"

Merancang website yang cantik dengan pilihan gambar dan ukuran yang tepat harus selalu diutamakan. Karena tidak bisa dipungkiri bahwa pengunjung cenderung lebih tertarik pada produk atau layanan dari brand yang memiliki website yang menarik.\u00a0 Jika saat ini kamu sedang belajar merancang website mu dengan MakeWebEasy, hari ini kami hadir untuk membantu dengan rekomendasi berbagai kebutuhan […]<\/p>\n","protected":false},"author":54,"featured_media":18732,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1368,1733],"tags":[1796,1941,1923,1817,1814,1813,1805,1811,1930,1942,1812,1804,1944,1948,1951,1943,1949,1950,1947,1946,1945,1800,62,21,10,38,762,576,522],"yoast_head":"\nRekomendasi Ukuran Gambar Website Dengan Sistem MakeWebEasy - MakeWebaEasy Blog<\/title>\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\/rekomendasi-ukuran-gambar-website-dengan-sistem-makewebeasy\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Rekomendasi Ukuran Gambar Website Dengan Sistem MakeWebEasy - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Merancang website yang cantik dengan pilihan gambar dan ukuran yang tepat harus selalu diutamakan. Karena tidak bisa dipungkiri bahwa pengunjung cenderung lebih tertarik pada produk atau layanan dari brand yang memiliki website yang menarik.\u00a0 Jika saat ini kamu sedang belajar merancang website mu dengan MakeWebEasy, hari ini kami hadir untuk membantu dengan rekomendasi berbagai kebutuhan […]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2023\/07\/banner.-Rekomendasi-Ukuran-Gambar-Untuk-Website-dengan-sistem-MakeWebEasy-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18730"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=18730"}],"version-history":[{"count":6,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18730\/revisions"}],"predecessor-version":[{"id":18743,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18730\/revisions\/18743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media\/18732"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=18730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=18730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=18730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}