<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>スナップショット on qwerty.work</title>
        <link>https://qwerty.work/tags/%E3%82%B9%E3%83%8A%E3%83%83%E3%83%97%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/</link>
        <description>Recent content in スナップショット on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Wed, 21 Oct 2020 22:43:09 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/%E3%82%B9%E3%83%8A%E3%83%83%E3%83%97%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>VLC Media Playerで動画から静止画（スナップショット）を切り出す方法</title>
            <link>https://qwerty.work/post/2020/10/vlc-media-player-snapshot/</link>
            <pubDate>Wed, 21 Oct 2020 22:43:09 +0900</pubDate>
            <guid>https://qwerty.work/post/2020/10/vlc-media-player-snapshot/</guid>
            <description>&lt;h2 id=&#34;動画から静止画を切り出したい&#34;&gt;動画から静止画を切り出したい&#xA;&lt;/h2&gt;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;426px&#34; data-flex-grow=&#34;177&#34; height=&#34;394&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2020/10/vlc-media-player-snapshot/images/No-25.jpg&#34; width=&#34;700&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;YouTubeに動画をアップロードするときのサムネイル画像として動画から静止画を切り出したいと思いました。しかし、あまりてはかけたくありません。そこで、既にPCにインストールしたアプリケーションの中で、それができるものがないかな？と探したらありました「&lt;a class=&#34;link&#34; href=&#34;https://www.videolan.org/vlc/index.ja.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;VLC Media Player&lt;/a&gt;」&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.videolan.org/vlc/index.ja.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.videolan.org/vlc/index.ja.html&#34; alt=&#34;https://www.videolan.org/vlc/index.ja.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.videolan.org/vlc/index.ja.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.videolan.org/vlc/index.ja.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;メニューからスナップショットを撮るを選ぶ&#34;&gt;メニューから「スナップショットを撮る」を選ぶ&#xA;&lt;/h2&gt;&lt;p&gt;静止画を切り出す方法はとても簡単です。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;動画を一時停止する&lt;/li&gt;&#xA;&lt;li&gt;［ビデオ］-［スナップショットを撮る］を選択&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;これだけです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;442px&#34; data-flex-grow=&#34;184&#34; height=&#34;380&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2020/10/vlc-media-player-snapshot/images/No-23.jpg&#34; width=&#34;700&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;撮った画像はピクチャフォルダ&#34;&gt;撮った画像は「ピクチャフォルダ」&#xA;&lt;/h2&gt;&lt;p&gt;標準設定では撮影した静止画は**「ピクチャ」フォルダ&lt;strong&gt;に&lt;/strong&gt;PNG形式**で保存されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;365px&#34; data-flex-grow=&#34;152&#34; height=&#34;460&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2020/10/vlc-media-player-snapshot/images/No-24.jpg&#34; width=&#34;700&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;画像の形式や保存場所は**［ツール］-［設定］**の画面から変更することができます。PNG形式の他にJPGとTIFFに変更することができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;262px&#34; data-flex-grow=&#34;109&#34; height=&#34;639&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2020/10/vlc-media-player-snapshot/images/No-26.jpg&#34; width=&#34;700&#34;&gt;&lt;/p&gt;&#xA;</description>
        </item><item>
            <title>URLだけでサイトのスクリーショット（サムネイル）を表示できるAPIまとめ</title>
            <link>https://qwerty.work/post/2013/09/urlapi/</link>
            <pubDate>Sat, 14 Sep 2013 23:33:22 +0900</pubDate>
            <guid>https://qwerty.work/post/2013/09/urlapi/</guid>
            <description>&lt;p&gt;サイトのサムネイルに『&lt;a class=&#34;link&#34; href=&#34;http://mozshot.nemui.org/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Mozshot&lt;/a&gt;』を使っていましたが、使用者が多いせいか最近は画像が重たくてページの表示が最近遅いです。でも、こういったサービスは便利なので、他にないか探してみました。&lt;/p&gt;&#xA;&lt;h2 id=&#34;wordpresscomのapi&#34;&gt;wordpress.comのAPI&#xA;&lt;/h2&gt;&lt;p&gt;エンコードしたURLを指定します。「w」パラメータで画像の幅を自由に指定できWordpressのプラグインではないので、Wordpressを使用していないサイトでも使えます。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wordpress.com?w=250&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】wordpress.com のスクリーンショットを幅250pxで取得してみました。&#xA;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;320px&#34; data-flex-grow=&#34;133&#34; height=&#34;187&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wordpress.com?w=250&#34; width=&#34;250&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;WordPressのプラグインは以下があり、ショートコードでサムネイル表示できるので便利です。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://wordpress.org/plugins/browser-shots/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Browser Shot&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.binarymoon.co.uk/projects/bm-shots-automated-screenshots-website/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;BM Shots&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;heartrails-capture-を使う&#34;&gt;HeartRails Capture を使う&#xA;&lt;/h2&gt;&lt;p&gt;有名どころ。影や枠線をつけたり、角丸にしたり。サイズも指定できます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://capture.heartrails.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;HeartRails Capture | サムネイル画像／PDF ファイル作成サービス&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;http://capture.heartrails.com/300×225?http://capture.heartrails.com/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】HeartRails Capture のスクリーンショットを300x225pxで取得してみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;320px&#34; data-flex-grow=&#34;133&#34; height=&#34;225&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;http://capture.heartrails.com/300x225?http://capture.heartrails.com/&#34; width=&#34;300&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;simpleapi-ウェブサイトサムネイル作成api&#34;&gt;SimpleAPI ウェブサイトサムネイル作成API&#xA;&lt;/h2&gt;&lt;p&gt;128×128のサムネイル画像を取得できます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://img.simpleapi.net/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;SimpleAPI – ウェブサイト・サムネイル化ツール&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;http://img.simpleapi.net/small/http://img.simpleapi.net/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】SimpleAPI トップページのサムネイルを取得してみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;http://img.simpleapi.net/small/http://img.simpleapi.net/&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;mozshot&#34;&gt;MozShot&#xA;&lt;/h2&gt;&lt;p&gt;64×64 / 128×128 / 256×256 などの大きさが選べます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://mozshot.nemui.org/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Mozshot&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;https://image.thum.io/get/width/300/crop/200/http://mozshot.nemui.org/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】MozShotのスクリーンショットを256×256で取得してみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://image.thum.io/get/width/300/crop/200/http://mozshot.nemui.org/&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;ウェッジウェブサイトのスクリーンショットを自動生成&#34;&gt;ウェッジ：ウェブサイトのスクリーンショットを自動生成&#xA;&lt;/h2&gt;&lt;p&gt;200×150の大きさで取得されるようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.j-wedg.co.jp/BLOG/Web/Item_204.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;ウェブサイトのスクリーンショットを自動生成 – デザインスタジオウェブログ – WEB関連 – ウェッジ&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;http://www.j-wedg.co.jp/img/?url=http://www.j-wedg.co.jp/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】&lt;/p&gt;&#xA;&lt;p&gt;&lt;img loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;http://www.j-wedg.co.jp/img/?url=http://www.j-wedg.co.jp/&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;thumbalizr&#34;&gt;thumbalizr&#xA;&lt;/h2&gt;&lt;p&gt;海外のサービス。サイズやクオリティなど細かく指定でき、API Keyを登録すれば指定できるパラメータが増えます。「powered by thumbalizr.com」という表示が付きます。&lt;/p&gt;&#xA;&lt;p&gt;有料プランにすれば書き出す形式を指定したり、ウォーターマークをつけたりできるようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.thumbalizr.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;thumbalizr – thumb your webpages&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;https://api.thumbalizr.com/?url=https://www.thumbalizr.com/&lt;span style=&#34;color:#960050;background-color:#1e0010&#34;&gt;&amp;amp;&lt;/span&gt;width=250&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;【サンプル】&lt;/p&gt;&#xA;&lt;p&gt;&lt;img loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;http://api.thumbalizr.com/?url=https://www.thumbalizr.com/&amp;width=250&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;その他&#34;&gt;その他&#xA;&lt;/h2&gt;&lt;h3 id=&#34;thumboo&#34;&gt;Thumboo!&#xA;&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.thumboo.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Thumboo! Free Website Thumbnails and PHP Script to Generate Web Screenshots&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;海外のサービス。サイトにアクセスしてスクリーンショットを撮りたいURLを入力し、生成されたPHPコードをコピー＆ペーストすれば自分のブログなどでサムネイル画像を表示できます。API Keyを登録すればウェブサービスなどに組み込んで動的にも使えるようになるみたいです。&lt;/p&gt;&#xA;&lt;h3 id=&#34;はてなスクリーンショット&#34;&gt;はてなスクリーンショット&#xA;&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://screenshot.hatena.ne.jp/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;はてなスクリーンショット&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;はてなダイアリーなど、はてなのサービス内でのみ使用できます。&lt;/p&gt;&#xA;&lt;h3 id=&#34;livedoor-screenshot&#34;&gt;livedoor Screenshot&#xA;&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://screenshot.livedoor.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;livedoor Screenshot&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;livedoor Wikiなど、ライブドアのサービス内でのみ使用できます。&lt;/p&gt;&#xA;</description>
        </item></channel>
</rss>
