{"id":6154,"date":"2012-11-12T01:03:37","date_gmt":"2012-11-12T06:03:37","guid":{"rendered":"http:\/\/365sketches.org\/?p=4813"},"modified":"2020-07-11T16:28:26","modified_gmt":"2020-07-11T20:28:26","slug":"20121111-an-explanation-of-svg-vs-png","status":"publish","type":"post","link":"https:\/\/lemasney.com\/consulting\/2012\/11\/12\/20121111-an-explanation-of-svg-vs-png\/","title":{"rendered":"20121111: an explanation of SVG vs. PNG"},"content":{"rendered":"
\"20121111:<\/a>

20121111: And explanation of SVG vs. PNG by John LeMasney via 365sketches.org #design (cc-sa)<\/p><\/div>\n

So this is an explanation of the two key formats that you can spit out of Inkscape, the open source vector illustration program. I made it to explain the conceptual difference to my digital media communication class.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

So this is an explanation of the two key formats that you can spit out of Inkscape, the open source vector illustration program. I made it to explain the conceptual difference to my digital media communication class.  <\/p>\n","protected":false},"author":1,"featured_media":5600,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1128,3654,3657],"tags":[365,411,599,717,865,866],"class_list":{"0":"post-6154","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-illustration","8":"category-portfolio","9":"category-requests","10":"tag-graphics","11":"tag-inkscape","12":"tag-open-source","13":"tag-scalable-vector-graphics","14":"tag-vector-based","15":"tag-vector-graphics","16":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111107.png?fit=809%2C500&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3h6y2-1Bg","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":5695,"url":"https:\/\/lemasney.com\/consulting\/2010\/07\/29\/220-of-365-is-my-heart-diagram-inkscape\/","url_meta":{"origin":6154,"position":0},"title":"A diagram of my heart by John LeMasney via 365sketches.org #cc #design #heart","author":"lemsy","date":"2010-07-29","format":false,"excerpt":"So this is a diagram of my heart, indicating the damaged, repaired, strengthened, slowed, shocked, relieved, compressed, stinted, and massaged parts. I thought this was a kind of touching way to share some memories, and one more way for Inkscape to help me make my ideas clearer. Related articles 20121108:\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"A diagram of my heart by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/07\/20100829myheart.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/07\/20100829myheart.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/07\/20100829myheart.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/07\/20100829myheart.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":420,"url":"https:\/\/lemasney.com\/consulting\/2010\/03\/29\/98-of-365-is-a-squid-with-a-hundred-eyes-in-inkscape\/","url_meta":{"origin":6154,"position":1},"title":"A monstrous squid with a hundred eyes by John LeMasney via 365sketches.org #cc #design #illustration #inkscape","author":"lemsy","date":"2010-03-29","format":false,"excerpt":"So today's sketch is of a squid, which, not being a marine biologist, I think of as simply a sea cre\u00e4ture with 8 tentacles. And black, black eyes. Lots of eyes. So that's what I drew here for you. A gracefully swimming black-eyed squid. In Inkscape, I started with an\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"A monstrous squid with a hundred eyes by John LeMasney via 365sketches.org #cc #design #illustration #inkscape","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/03\/20100329.png?fit=495%2C495&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":971,"url":"https:\/\/lemasney.com\/consulting\/2010\/06\/16\/177-of-365-is-a-peace-offering-in-inkscape\/","url_meta":{"origin":6154,"position":2},"title":"Olive branch by John LeMasney via 365sketches.org #cc #design #peace","author":"lemsy","date":"2010-06-16","format":false,"excerpt":"This is an olive branch, which in certain religions represents a peace-offering, but I like to think that has become somewhat universally recognized as such. It's a simple execution in Inkscape -- I used the pencil tool set to shape: triangle in to create the branch, and set to shape:\u2026","rel":"","context":"In "portfolio"","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Olive branch by John LeMasney via 365sketches.org #cc #design #peace","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/06\/20100614olivebranch.png?fit=499%2C499&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":39,"url":"https:\/\/lemasney.com\/consulting\/2009\/12\/28\/number-7-is-a-girls-face-made-of-text\/","url_meta":{"origin":6154,"position":3},"title":"A girl’s face made of text cc-by lemasney #cc #design #typography","author":"lemsy","date":"2009-12-28","format":false,"excerpt":"I used\u00a0path as pattern path effect tool to make a stenciled face. In this case, I started with a photo of a girl's face, did a trace bitmap operation, made text lines in three different sizes, then converted the lines of Inkscape's text into paths, and used them to paint\u2026","rel":"","context":"In "Illustration"","block_context":{"text":"Illustration","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/illustration\/"},"img":{"alt_text":"A girl's face made of text cc-by lemasney","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091228.png?fit=505%2C500&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5818,"url":"https:\/\/lemasney.com\/consulting\/2010\/11\/29\/338-of-365-is-the-revised-google-motto-inkscape-google\/","url_meta":{"origin":6154,"position":4},"title":"The revised Google motto by John LeMasney via 365sketches.org #Inkscape #Google","author":"lemsy","date":"2010-11-29","format":false,"excerpt":"I'm about the biggest fanboy that Google has, but I'll also be the first one to tell you it's kind of scary how much they know about me. I believe that they totally live up to their idea of \"don't be evil\" and I love the things that they are\u2026","rel":"","context":"In "Illustration"","block_context":{"text":"Illustration","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/illustration\/"},"img":{"alt_text":"The revised Google motto by John LeMasney via 365sketches.org #Inkscape #Google","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/11\/20101129googlemotto.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/11\/20101129googlemotto.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/11\/20101129googlemotto.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/11\/20101129googlemotto.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":4873,"url":"https:\/\/lemasney.com\/consulting\/2012\/11\/20\/20121120-a-study-in-hexagonal-geometry-by-john-lemasney-via-365sketches-org-design-cc\/","url_meta":{"origin":6154,"position":5},"title":"20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc","author":"lemsy","date":"2012-11-20","format":false,"excerpt":"This image was fairly simple to do in Inkscape. I created a single line, duplicated it, curved the line, and repeated, increasing the curve each time. Once I had the first 'module', I duplicated and rotated it until I had a hexagonal shape. I played a bit with palette by\u2026","rel":"","context":"In "Illustration"","block_context":{"text":"Illustration","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/illustration\/"},"img":{"alt_text":"20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111120.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111120.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111120.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2012\/11\/20111120.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/comments?post=6154"}],"version-history":[{"count":2,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6154\/revisions"}],"predecessor-version":[{"id":46636,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/6154\/revisions\/46636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media\/5600"}],"wp:attachment":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media?parent=6154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/categories?post=6154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/tags?post=6154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}