{"id":130992160,"date":"2012-05-15T23:56:44","date_gmt":"2012-05-15T23:56:44","guid":{"rendered":"http:\/\/joshdance.me\/image-formats-what-why-and-which"},"modified":"2012-05-15T23:56:44","modified_gmt":"2012-05-15T23:56:44","slug":"image-formats-what-why-and-which","status":"publish","type":"post","link":"http:\/\/joshdance.me\/blog\/image-formats-what-why-and-which\/","title":{"rendered":"Image Formats – what, why, and which."},"content":{"rendered":"

Images are a large part of any website, so I decided to learn more about them today.\u00a0<\/p>\n

\n

Images come in compressed, uncompressed, and vector format. \u00a0A vector format is an image that is drawn every time using math. For example draw a line 45 degree from this point and color it blue. \u00a0A non vector image or rasterized image is pixels. Basically the computer has a grid and knows what color each point on the grid should be. \u00a0This is why you can zoom in on a vector image forever. The image is redrawn each time so it is perfectly sharp. \u00a0You can not zoom into a raster image because the computer only knows what goes in each grid point. \u00a0When you zoom in, there are more points than the computer knows what to do with, and so it gets super blocky. \u00a0If you ever want to print something big, it usually has to be in a vector format for this exact reason.\u00a0<\/div>\n

\n

\n
\"Big_3\"<\/a><\/div>\n

<\/div>\n

PNG, JPEG, and GIF formats are the Big Three image formats. They are the most used formats for displaying images on the internet today. (Try to guess why the formats are matched to the player. \ud83d\ude42<\/span><\/div>\n

\n

JPEG – compressed raster – small file sizes, image quality can degrade if edited and saved repeatedly.\u00a0<\/span><\/div>\n
PNG – large file size. Open source successor to GIF.\u00a0<\/span><\/div>\n
GIF – limited to 256 colors. \u00a0Useful for simple colors, small file size.\u00a0<\/span><\/div>\n

\n

So the simple rule is, use PNG for everything unless you have a specific reason not too. \u00a0This post on Quora<\/a> about PNG details why.\u00a0<\/span><\/div>\n

\n

So there you have it. \u00a0A short post about images. \u00a0Anything that I is glaringly wrong or didn't make sense?\u00a0<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"

Images are a large part of any website, so I decided to learn more about them today. Images come in compressed, uncompressed, and vector format. A vector format is an image that is drawn every time using math. For example draw a line 45 degree fro…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts\/130992160"}],"collection":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/comments?post=130992160"}],"version-history":[{"count":0,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/posts\/130992160\/revisions"}],"wp:attachment":[{"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/media?parent=130992160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/categories?post=130992160"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/joshdance.me\/blog\/wp-json\/wp\/v2\/tags?post=130992160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}