{"id":1307,"date":"2024-06-16T04:32:15","date_gmt":"2024-06-15T21:32:15","guid":{"rendered":"https:\/\/www.tneutron.net\/mikro\/?p=1307"},"modified":"2024-06-12T20:56:50","modified_gmt":"2024-06-12T13:56:50","slug":"minimize-and-enlarge-image-size-2","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/","title":{"rendered":"Minimize and Enlarge Image Size"},"content":{"rendered":"

Images are displayed in HTML documents sometimes do not have the same image size to the actual size.<\/span> To produce images with quality similar to the original, determination of size also becomes important to note.<\/span> Therefore perbandinganya must match the original size of the image.<\/span> To determine the size of the image, we need to fill attribute is used to determine the height HEIGHT and WIDTH image to determine the width of the image.<\/span><\/p>\n

Consider the following example. <Img src = \u201cimages \/ komputer.jpg\u201d \/><\/strong><\/span>
\n<\/strong> The above code will display the image of komputer.jpg files are in a directory that matches the size of the original images (eg 500X375 pixels).<\/span> To minimize these images, we live minimize these values, for example<\/span>
\n <img src = images \/ komputer.jpg \u201cwidth = 320\u201d height = \u201c230\u201d \/><\/strong><\/span><\/p>\n

Provide information on the picture<\/strong><\/span>
\n To be more impressed informative, you can provide information that is relevant and necessary (no exaggeration) of the image to display on web pages.<\/span> This information will appear in the form of a tooltip (a moment, just a few seconds) at the time Visitors hover (penjujuk mouse) onto the image.<\/span>
\n To make this kind of information, we can use the TITLE and ALT attribute in the <img>.<\/span>
\n <img src = \u201cfilename\u201d title = \u201ccaption\u201d \/><\/strong><\/span><\/p>\n

Sample results HTML document in a Web browser as shown below:<\/span>
\n\"image\"<\/a>
\n Figure 11.4.<\/span> Presents the image with a caption format<\/span><\/p>\n

In the picture above it can be seen that the description of the image visible when the mouse over the image, there is written \u201cDesktop Computer\u201d as a caption.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Images are displayed in HTML documents sometimes do not have the same image size to the actual size. To produce images with quality similar to the original, determination of size also becomes important to note. Therefore perbandinganya must match the original size of the image. To determine the size of the image, we need to …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1238],"tags":[1228,1234,1418,1232,1229,1421,1419,1237,1236,1420],"class_list":["post-1307","post","type-post","status-publish","format-standard","hentry","category-english","tag-enlarge-image-size","tag-enlarge-image-size-css","tag-enlarge-image-size-in-photoshop","tag-enlarge-image-size-online-free","tag-enlarge-image-size-without-losing-quality","tag-enlarge-image-to-poster-size","tag-gimp-enlarge-image-size","tag-photo-editor-enlarge-image-size","tag-photo-editor-enlarge-image-size-online","tag-wordpress-enlarge-image-size"],"yoast_head":"\nMinimize and Enlarge Image Size - 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\/minimize-and-enlarge-image-size-2\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Minimize and Enlarge Image Size - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"Images are displayed in HTML documents sometimes do not have the same image size to the actual size. To produce images with quality similar to the original, determination of size also becomes important to note. Therefore perbandinganya must match the original size of the image. To determine the size of the image, we need to ...\" \/>\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\\\/minimize-and-enlarge-image-size-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"Minimize and Enlarge Image Size\",\"datePublished\":\"2024-06-15T21:32:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/\"},\"wordCount\":265,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"keywords\":[\"Enlarge Image Size\",\"enlarge image size css\",\"enlarge image size in photoshop\",\"enlarge image size online free\",\"enlarge image size without losing quality\",\"enlarge image to poster size\",\"gimp enlarge image size\",\"photo editor enlarge image size\",\"photo editor enlarge image size online\",\"wordpress enlarge image size\"],\"articleSection\":[\"English\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/\",\"name\":\"Minimize and Enlarge Image Size - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb9.png\",\"datePublished\":\"2024-06-15T21:32:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/minimize-and-enlarge-image-size-2\\\/#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\\\/minimize-and-enlarge-image-size-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minimize and Enlarge Image Size\"}]},{\"@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":"Minimize and Enlarge Image Size - 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\/minimize-and-enlarge-image-size-2\/","twitter_card":"summary_large_image","twitter_title":"Minimize and Enlarge Image Size - TN Mikro","twitter_description":"Images are displayed in HTML documents sometimes do not have the same image size to the actual size. To produce images with quality similar to the original, determination of size also becomes important to note. Therefore perbandinganya must match the original size of the image. To determine the size of the image, we need to ...","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\/minimize-and-enlarge-image-size-2\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"Minimize and Enlarge Image Size","datePublished":"2024-06-15T21:32:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/"},"wordCount":265,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","keywords":["Enlarge Image Size","enlarge image size css","enlarge image size in photoshop","enlarge image size online free","enlarge image size without losing quality","enlarge image to poster size","gimp enlarge image size","photo editor enlarge image size","photo editor enlarge image size online","wordpress enlarge image size"],"articleSection":["English"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/","url":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/","name":"Minimize and Enlarge Image Size - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb9.png","datePublished":"2024-06-15T21:32:15+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/minimize-and-enlarge-image-size-2\/#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\/minimize-and-enlarge-image-size-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"Minimize and Enlarge Image Size"}]},{"@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\/1307","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=1307"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/1307\/revisions"}],"predecessor-version":[{"id":2819,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/1307\/revisions\/2819"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=1307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=1307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}