{"id":217,"date":"2009-09-29T07:41:41","date_gmt":"2009-09-29T12:41:41","guid":{"rendered":"\/\/www.webguru-india.com\/blog\/?p=217"},"modified":"2021-08-13T07:21:50","modified_gmt":"2021-08-13T12:21:50","slug":"impact-of-graphic-compression-on-website-design","status":"publish","type":"post","link":"https:\/\/www.webguru-india.com\/blog\/impact-of-graphic-compression-on-website-design\/","title":{"rendered":"Impact of Graphic Compression On Website Design"},"content":{"rendered":"<p style=\"text-align: justify;\">Different browsers, in most of the cases, display a webpage in a slight different way for adding a distinctive note in their wide array of features. If this is not enough, the display of a webpage in a Mac PC is drastically different from that of the display of a common PC. Images that are displayed in a Mac PC are far brighter and better than the images shown in a common PC. This plays a pivotal role in the overall appearance of images. Not only does the brightness, the size of pixel is also different. A common PC with a resolution of 640&#215;480 usually has 96 pixels per inch whereas in Mac it is just 72 pixels. Therefore, we need to find out a tangible solution for overcoming these differences as far as possible otherwise the basic purpose of website design would remain unfulfilled. <!--more--><\/p>\n<p style=\"text-align: justify;\"><strong>Compressing the Graphics<\/strong><br \/>\nCompression of graphic can solve this issue to some extent and this can come in handy as well. More often than not, you will find an option under the title of \u201cSave For Web\u201d in the graphic program. Just try it because this will automatically optimize an image for the web. This \u201cSave for Web\u201d option is unique in its own way because this will allow you to get a glimpse of the actual result before saving it. If you are working in PhotoShop, you find out a nifty little option known as \u201cslider\u201d that will let you to save image in different quality based on your requirements. The size of image changes with the changes in the quality of an image and therefore you need to treat this issue carefully.<\/p>\n<p style=\"text-align: justify;\"><strong>Choose The Best Graphic Format<\/strong><br \/>\nApart from selecting \u201cSave For Web\u201d option, you can compress the size of the graphics without compromising with its quality. GIF and JEPG are the two most popular graphic formats that are widely used in Internet for this purpose. So lets check out their advantages and disadvantages in this respect:<\/p>\n<p style=\"text-align: justify;\"><strong>GIF Image Format<\/strong><br \/>\nBy saving an image in this format, one can compress the size the image without loosing a single detail. However, the compression of a GIF image is mostly dependent on the number of repetition in an image. This is the reason why most of the people prefer JEPG images to GIF images unless there is an animation in it.<\/p>\n<p style=\"text-align: justify;\"><strong>JEPG Image Format<\/strong><br \/>\nJEPG is the best image format out there, which allows users to compress the size of different images without making any major changes in its overall appearance. The insignificant parts of an image get less attention in this image format and these parts can be thrown away altogether depending on how much you want to compress an image.<\/p>\n<p style=\"text-align: justify;\">These are some of the tips that we should give proper attention in order to ensure a standard display of a website irrespective of the browsers issues.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Different browsers, in most of the cases, display a webpage in a slight different way for adding a distinctive note in their wide array of features. If this is not enough, the display of a webpage in a Mac PC is drastically different from that of the display of a common PC. Images that are&hellip; <a class=\"more-link\" href=\"https:\/\/www.webguru-india.com\/blog\/impact-of-graphic-compression-on-website-design\/\">Continue reading <span class=\"screen-reader-text\">Impact of Graphic Compression On Website Design<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[],"aioseo_notices":[],"views":1650,"_links":{"self":[{"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/posts\/217"}],"collection":[{"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":3,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/posts\/217\/revisions"}],"predecessor-version":[{"id":9586,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/posts\/217\/revisions\/9586"}],"wp:attachment":[{"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webguru-india.com\/blog\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}