{"id":786,"date":"2025-01-03T04:34:04","date_gmt":"2025-01-02T21:34:04","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=786"},"modified":"2024-12-30T08:37:47","modified_gmt":"2024-12-30T01:37:47","slug":"memperkecil-dan-memperbesar-ukuran-gambar","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/","title":{"rendered":"Memperkecil dan Memperbesar Ukuran Gambar"},"content":{"rendered":"

Gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan kualitas yang mirip aslinya, penentuan ukuran juga menjadi hal yang penting untuk diperhatikan. Maka dari itu perbandinganya harus sesuai dengan ukuran asli dari gambar tersebut. Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menetukan tinggi gambar dan WIDTH untuk menetukan lebar gambar.<\/p>\n

Perhatikan contoh berikut ini. <img src=\u201dimages\/komputer.jpg\u201d \/>
\n<\/strong>Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada dalam direktori images sesuai dengan ukuran asli (misal 500X375 pixel). Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut, misalnya
\n<img src=images\/komputer.jpg\u201d width=320\u201d height=\u201d230\u201d \/><\/strong><\/p>\n

Memberi keterangan pada gambar<\/strong>
\nAgar lebih terkesan informatif, anda dapat memberikan keterangan yang relevan dan seperlunya (tidak berlebihan) terhadap gambar yang anda tampilkan pada halaman web. Keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya beberapa detik) pada saat penunjung mengarahkan kursor (penjujuk mouse) ke atas gambar.
\nUntuk membuat keterangan semacam ini, kita dapat menggunakan atribut TITLE maupun ALT pada tag <img>.
\n<img src=\u201dnamafile\u201d title=\u201dketerangan\u201d\/> <\/strong><\/p>\n

Contoh hasil dokumen HTML di Web Browser seperti gambar berikut :
\n\"image\"<\/a>
\nGambar 11.4. Menyajikan format gambar dengan keterangan<\/p>\n

Pada gambar di atas dapat dilihat bahwa keterangan gambar terlihat pada saat mouse di atas gambar, di sana tertulis \u201cKomputer Desktop\u201d sebagai keterangan gambar.<\/p>\n","protected":false},"excerpt":{"rendered":"

Gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan<\/p>\n","protected":false},"author":1,"featured_media":784,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[845],"tags":[1054,1059,1056,1064,1062,1063,1061,1055,1060,1057,1058],"class_list":["post-786","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pembuatan-halaman-web","tag-ukuran-gambar","tag-ukuran-gambar-3r","tag-ukuran-gambar-4r","tag-ukuran-gambar-5r","tag-ukuran-gambar-ic","tag-ukuran-gambar-iklan-facebook","tag-ukuran-gambar-kad-pengenalan","tag-ukuran-gambar-pasport","tag-ukuran-gambar-pasport-malaysia","tag-ukuran-gambar-passport-dalam-pixel","tag-ukuran-gambar-untuk-instagram"],"yoast_head":"\nMemperkecil dan Memperbesar Ukuran Gambar - TN Mikro<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Memperkecil dan Memperbesar Ukuran Gambar - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"Gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png\" \/>\n<meta name=\"twitter:creator\" content=\"@t_neutron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taufiqullah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"Memperkecil dan Memperbesar Ukuran Gambar\",\"datePublished\":\"2025-01-02T21:34:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/\"},\"wordCount\":232,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"keywords\":[\"Ukuran Gambar\",\"ukuran gambar 3r\",\"ukuran gambar 4r\",\"ukuran gambar 5r\",\"ukuran gambar ic\",\"ukuran gambar iklan facebook\",\"ukuran gambar kad pengenalan\",\"ukuran gambar pasport\",\"ukuran gambar pasport malaysia\",\"ukuran gambar passport dalam pixel\",\"ukuran gambar untuk instagram\"],\"articleSection\":[\"Pembuatan Halaman Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/\",\"name\":\"Memperkecil dan Memperbesar Ukuran Gambar - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"datePublished\":\"2025-01-02T21:34:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"contentUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"width\":444,\"height\":408},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/memperkecil-dan-memperbesar-ukuran-gambar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Memperkecil dan Memperbesar Ukuran Gambar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\",\"name\":\"TN Mikro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\",\"name\":\"Taufiqullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"caption\":\"Taufiqullah\"},\"description\":\"Taufiqullah\",\"sameAs\":[\"http:\\\/\\\/www.tneutron.net\",\"https:\\\/\\\/x.com\\\/t_neutron\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Memperkecil dan Memperbesar Ukuran Gambar - TN Mikro","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/","twitter_card":"summary_large_image","twitter_title":"Memperkecil dan Memperbesar Ukuran Gambar - TN Mikro","twitter_description":"Gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan","twitter_image":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","twitter_creator":"@t_neutron","twitter_misc":{"Written by":"Taufiqullah","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"Memperkecil dan Memperbesar Ukuran Gambar","datePublished":"2025-01-02T21:34:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/"},"wordCount":232,"commentCount":0,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","keywords":["Ukuran Gambar","ukuran gambar 3r","ukuran gambar 4r","ukuran gambar 5r","ukuran gambar ic","ukuran gambar iklan facebook","ukuran gambar kad pengenalan","ukuran gambar pasport","ukuran gambar pasport malaysia","ukuran gambar passport dalam pixel","ukuran gambar untuk instagram"],"articleSection":["Pembuatan Halaman Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/","url":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/","name":"Memperkecil dan Memperbesar Ukuran Gambar - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","datePublished":"2025-01-02T21:34:04+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#primaryimage","url":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","contentUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","width":444,"height":408},{"@type":"BreadcrumbList","@id":"https:\/\/www.tneutron.net\/mikro\/memperkecil-dan-memperbesar-ukuran-gambar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"Memperkecil dan Memperbesar Ukuran Gambar"}]},{"@type":"WebSite","@id":"https:\/\/www.tneutron.net\/mikro\/#website","url":"https:\/\/www.tneutron.net\/mikro\/","name":"TN Mikro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tneutron.net\/mikro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375","name":"Taufiqullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","caption":"Taufiqullah"},"description":"Taufiqullah","sameAs":["http:\/\/www.tneutron.net","https:\/\/x.com\/t_neutron"]}]}},"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/786\/revisions"}],"predecessor-version":[{"id":2945,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/786\/revisions\/2945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media\/784"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}