{"id":431,"date":"2015-02-24T14:29:15","date_gmt":"2015-02-24T21:29:15","guid":{"rendered":"https:\/\/rmu.andrewyames.com\/?page_id=431"},"modified":"2015-02-24T14:29:15","modified_gmt":"2015-02-24T21:29:15","slug":"week-7-slicing-graphics","status":"publish","type":"page","link":"https:\/\/rmu.andrewyames.com\/?page_id=431","title":{"rendered":"Week 7:  Slicing Graphics"},"content":{"rendered":"<p>Slicing is the fine art of optimizing your graphics for the web, cutting them into pieces to put back together like a puzzle, with the goal of making everything as small as possible. For the web, graphics should be scaled down to screen resolution: 72ppi.\u00a0 Slicing methods will be demonstrated in class, if you miss this demo, first ask your peers to explain the process, if you still have questions then make an appointment to see me.<\/p>\n<h2>Web safe file types:<\/h2>\n<ul>\n<li><strong>JPG<\/strong> (Joint Photographic Experts Group) \u2013 is a lossy file type that is excellent for images with millions of colors, like photographs.<\/li>\n<li><strong>GIF<\/strong> (Graphics Interchange Format) \u2013 is a loss-less file type that supports indexed transparency and animation. it is excellent for images with a limited color palette, like logos or patterns, as it supports between 2 and 256 colors.<\/li>\n<li><strong>PNG<\/strong> (Portable Network Graphics)\u2013\u00a0is also a loss-less file type that supports alpha transparency and a greater range of colors than a GIF, but is a much larger file type than GIFs and JPGs. It is excellent for anything that needs alpha transparency.<\/li>\n<\/ul>\n<h2>A few tutorials on the subject:<\/h2>\n<ul>\n<li><a href=\"http:\/\/webdesign.tutsplus.com\/videos\/fireworks-videos\/getting-started-with-fireworks-intro-to-using-the-slicing-tool\/?search_index=1\" target=\"_blank\">http:\/\/webdesign.tutsplus.com\/videos\/fireworks-videos\/getting-started-with-fireworks-intro-to-using-the-slicing-tool\/?search_index=1<\/a><\/li>\n<li><a href=\"http:\/\/bestwebdesignz.com\/tips\/fireworks\/web-slices-fireworks-cs5\/\" target=\"_blank\">http:\/\/bestwebdesignz.com\/tips\/fireworks\/web-slices-fireworks-cs5\/<\/a><\/li>\n<li><a href=\"http:\/\/help.adobe.com\/en_US\/fireworks\/cs\/using\/WS4c25cfbb1410b0021e63e3d1152b00d35d-7fff.html\" target=\"_blank\">http:\/\/help.adobe.com\/en_US\/fireworks\/cs\/using\/WS4c25cfbb1410b0021e63e3d1152b00d35d-7fff.html<\/a><\/li>\n<li><a href=\"http:\/\/www.webdesignerdepot.com\/2010\/08\/7-reasons-why-i-choose-fireworks-over-photoshop\/\" target=\"_blank\">Photoshop VS Fireworks<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Slicing is the fine art of optimizing your graphics for the web, cutting them into pieces to put back together like a puzzle, with the goal of making everything as small as possible. For the web, graphics should be scaled down to screen resolution: 72ppi.\u00a0 Slicing methods will be demonstrated in class, if you miss &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/rmu.andrewyames.com\/?page_id=431\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week 7:  Slicing Graphics&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":27,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/pages\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=431"}],"version-history":[{"count":1,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/pages\/431\/revisions\/432"}],"up":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/pages\/27"}],"wp:attachment":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}