{"id":2461,"date":"2019-08-11T06:42:37","date_gmt":"2019-08-10T21:42:37","guid":{"rendered":"http:\/\/matoken.org\/blog\/?p=2461"},"modified":"2019-08-11T21:30:20","modified_gmt":"2019-08-11T12:30:20","slug":"convert-multiple-files-of-html-images-to-single-image-embedded-html-with-mono-inlinehtmlimages","status":"publish","type":"post","link":"https:\/\/matoken.org\/blog\/2019\/08\/11\/convert-multiple-files-of-html-images-to-single-image-embedded-html-with-mono-inlinehtmlimages\/","title":{"rendered":"mono\u88fdInlineHtmlImages\u3067html+\u753b\u50cf\u306e\u8907\u6570\u30d5\u30a1\u30a4\u30eb\u3092\u5358\u4e00\u306e\u753b\u50cf\u57cb\u3081\u8fbc\u307fhtml\u306b\u5909\u63db\u3059\u308b"},"content":{"rendered":"<div class=\"paragraph\">\n<p>npm \u306e <code>html-inline<\/code> \u3092\u8a66\u3057\u307e\u3057\u305f\u304c\u9014\u4e2d\u3067\u30b3\u30b1\u3066\u3057\u307e\u3044\u307e\u3059\uff0e<\/p>\n<\/div>\n<div class=\"ulist\">\n<ul>\n<li>\n<p><a href=\"https:\/\/www.npmjs.com\/package\/html-inline\">html-inline &#8211; npm<\/a><\/p>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"paragraph\">\n<p>mono\u88fd\u306e <code>InlineHtmlImages<\/code> \u3092\u8a66\u3059\u3068\u3046\u307e\u304f\u3044\u304d\u307e\u3057\u305f :)<\/p>\n<\/div>\n<div class=\"ulist\">\n<ul>\n<li>\n<p><a href=\"https:\/\/landenlabs.com\/cs-inlinehtmlimages\/inlinehtmlimages.html\">Inline and Extract base64 images into\/from HTML<\/a><\/p>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u753b\u50cf\u4f5c\u6210<\/div>\n<div class=\"content\">\n<pre>$ convert pango:\"&lt;span font=\\\"\/Library\/Fonts\/NotoColorEmoji\\\" size=\\\"24576\\\"&gt;&#x1f63a;&lt;\/span&gt;\" cat.jpg<\/pre>\n<\/div>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">html\u4f5c\u6210<\/div>\n<div class=\"content\">\n<pre>$ cat &lt;&lt; __EOF__ &gt; cat.html\r\n&gt; &lt;html&gt;\r\n&gt; &lt;body&gt;\r\n&gt; &lt;img src=\"cat.jpg\"&gt;\r\n&gt; &lt;\/body&gt;\r\n&gt; &lt;\/html&gt;\r\n&gt; __EOF__<\/pre>\n<\/div>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u753b\u50cf\u57cb\u3081\u8fbc\u307f<\/div>\n<div class=\"content\">\n<pre>$ mono ~\/Downloads\/inlinehtmlimages-mono.exe -in .\/cat.html -out .\/cat_inline.html<\/pre>\n<\/div>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u57cb\u3081\u8fbc\u307e\u308c\u3066\u3044\u308b\u306e\u3092\u78ba\u8a8d<\/div>\n<div class=\"content\">\n<pre>$ cat cat_inline.html\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&lt;img src=\"data:image\/png;base64,\r\n\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL\/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL\/wAARCAAmACgDASIAAhEBAxEB\/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL\/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6\/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL\/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6\/9oADAMBAAIRAxEAPwD1jV\/EEllqzWqSpEEUH5o9wYkZ554qS38TMSUktvNcDh4D8uffPT8zWX4p0xptegkwRFNH8x916\/piokurKK5WxSeBZwuRBvG7HrjrXx+Kx+MoYqpGMtE9t9D2I0aEqMXbVo1P+EubZ5n2D5PM8v8A13Of++aluPErAhIrfymIyWnPH4Y6\/mKwvsB8gR+YOJvMzj36U97qymuGsGnhacrkw7xvx6461zrOMbJNKX4L\/IuWGw6asvzNbR\/EEl7qotWlSUMpOVj27SPTnmiqHhXTWh1y4kPMcUeFPqW6foDRX0eT1KtTDKdV3bb+44MdGEKtqfZE3ifWbC01a2gurgQMsTcyqVQ5K9GI2np2NcUvhJp\/GK6\/Hfxvas4mAXlicYwD0x\/Tiuv8aR3E06Q219dvcld0Vja2ysxHQszsCFH1wOK871K58QaJDBe2NpHdxhNlxZyZYoQThgU2noeQO46Vw46hUhipSpyUXUVtdtvTTY1oNTpK6b5ex0Qudd\/4TQ2P2i3\/ALO8vz8bPm2dNvrnP+e1Uh4SNt4xfX5b9FtQ5mKtwwJGME9Mc\/0rHbxlqAt\/tY8LWf2jZt\/4\/wBy+OuNuc\/hmpdLn1\/V7W5vb+2jtxKgS3s4wVz8wJY79xzxgZ\/SuSWGq4ePMpxSa5Xbrf5fidDjzNKUJX3V1Y9J8L6zYXeqXUFrcCcmNDuiUsgwWzlgNo6jvRUPgyO4hlkguL66W5C7prG6tkRlHRWV1ADD3GRzRX0WAoeww8ab6f538jy68+eo2drWTf6BZag5kZWilPWSM4J+o6GiiuirRp1Y8tRXREKkqbvB2Zl\/8IXF5m77Yf8Av0M\/nmtWw0Gy09xIitJKOkkhyR9OwoornpZfhqUuaENfv\/M2ni61RWlLQ1aKKK7DnP\/Z\" alt='cat.jpg' &gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<\/div>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u524a\u9664\u3057\u3066\u304a\u304f<\/div>\n<div class=\"content\">\n<pre>$ rm .\/cat.jpg<\/pre>\n<\/div>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u30a6\u30a7\u30d6\u30d6\u30e9\u30a6\u30b6\u3067\u78ba\u8a8d<\/div>\n<div class=\"content\">\n<pre>$ xdg-open .\/cat_inline.html<\/pre>\n<\/div>\n<\/div>\n<div class=\"paragraph\">\n<p><span class=\"image\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/h4X6pRWW\/20190811-02-08-14-32387.jpg\" alt=\"20190811 02 08 14 32387\"\/><\/span><\/p>\n<\/div>\n<div class=\"paragraph\">\n<p>\u4ed6\u306b\u3082Linux\u30cd\u30a4\u30c6\u30a4\u30d6\u306a\u3082\u306e\u304c\u3042\u308a\u305d\u3046\u306a\u6c17\u304c\u3057\u307e\u3059\uff0e(shell script + base64 \u30b3\u30de\u30f3\u30c9\u3067\u3082\u591a\u5206\u884c\u3051\u308b?)<\/p>\n<\/div>\n<div class=\"listingblock\">\n<div class=\"title\">\u74b0\u5883<\/div>\n<div class=\"content\">\n<pre>$ mono ~\/Downloads\/inlinehtmlimages-mono.exe -help|head -6|uniq\r\n\r\nInlineHtmlImages v1.7\r\n Build:  3\/31\/2018\r\n Author: Dennis Lang\r\n Web:    home.comcast.net\/~lang.dennis\r\n$ dpkg-query -W mono-runtime chromium imagemagick libpango-1.0-0\r\nchromium        76.0.3809.100-1\r\nimagemagick     8:6.9.10.23+dfsg-2.1\r\nlibpango-1.0-0:amd64    1.42.4-7\r\nlibpango-1.0-0:i386     1.42.4-7\r\nmono-runtime    5.18.0.240+dfsg-3\r\n$ lsb_release -dr\r\nDescription:    Debian GNU\/Linux bullseye\/sid\r\nRelease:        unstable\r\n$ uname -m\r\nx86_64<\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>npm \u306e html-inline \u3092\u8a66\u3057\u307e\u3057\u305f\u304c\u9014\u4e2d\u3067\u30b3\u30b1\u3066\u3057\u307e\u3044\u307e\u3059\uff0e html-inline &#8211; npm mono\u88fd\u306e InlineHtmlImages \u3092\u8a66\u3059\u3068\u3046\u307e\u304f\u3044\u304d\u307e\u3057\u305f :) Inline a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"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,"webmentions_disabled_pings":false,"webmentions_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[7,6,199],"tags":[478],"class_list":["post-2461","post","type-post","status-publish","format-standard","hentry","category-debian-linux","category-linux","category-sid","tag-html"],"_links":{"self":[{"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/posts\/2461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/comments?post=2461"}],"version-history":[{"count":0,"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/posts\/2461\/revisions"}],"wp:attachment":[{"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/media?parent=2461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/categories?post=2461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matoken.org\/blog\/wp-json\/wp\/v2\/tags?post=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}