まりふのひと

はてなブログ/クリップボードの画像をCtrl+Vで貼り付けられることを知った...

 5月1日のブログ「窓の杜の「スクショ撮影は標準機能で! 知っておくと便利な基本と小ワザ」を Home Study」中、操作ミスで

ブログ入力中に「Ctrl+V」したら、クリップボードの画面が貼り付いた
と書いた。これってはてなの機能なの‥‥

  • 編集画面にクリップボードから画像を「貼り付け」できるようにしました
    はてな開発ブログ 2015-10-01)
    staff.hatenablog.com

     はてなブログでは、クリップボードにコピーした画像をそのまま記事編集画面に「貼り付け」すると、はてなフォトライフに自動的にアップロードし、本文中に挿入されるようにしました。
    画像編集アプリケーションなどで加工した画像を、いったんファイルに保存しなくてもそのまま本文中に挿入でき、加工した写真などを簡単に掲載できます。どうぞご利用ください。
    この機能はインライン画像の扱いに関するWebブラウザの実装に依存するため、現時点ではGoogle ChromeのPC版のみで動作します。
    画像ファイルは、編集画面にそのままドラッグ&ドロップして、アップロードできます(複数ファイルを選択可)。
    • 2015年当時は IE11 だったので、気にも留めなかったのかも知れない。
    • Firefox で可能になったのは何時からか‥‥ はわからないが、出来たので「良し」としよう...

 今後はブログへの画像の貼り付け方が変わるかもしれない...



例えば、

  1. 原画(1536×2048)をペイント3Dで開く。f:id:ogohnohito:20200503174612p:plain:right:w320
    • 写真が傾いているのでこれを正す‥‥ が目的。
    • 原画を右クリック ⇒ ペイント3Dで編集する。
      • 画像を本来なら JTrim で開きたかったが、Windows10 に入っている ペイント3D で開いた。
      • ペイント では画面一杯に表示(JTrim の Ctrl+F12)できない...
  2. [選択]し、
  3. 画像を大きめ(灰色の部分)に選択すると、画像の大きさに選択され、回転のマークが表示される。
  4. 電柱が垂直になるよう回転させ、画像の外をクリックし確定する。
  5. 白い部分をカットする
    1. [トリミング]を選択し、
    2. 右側の ☑縦横比を固定する にチェックを入れる。
      • 最初から電柱が垂直の状態で撮影したと思わせるため。
    3. ハンドル等をドラッグし、切り取るサイズを決めたら[完了]する。f:id:ogohnohito:20200503180359p:plain:right:w320
  6. [+][ー]および Ctrl+ホイール を使い、画像を画面一杯にする。
      スクリーンショットを撮るため。(リサイズが目的)
  7. Shift+Win+S ⇒ 四角形の領域切り取り で、画像をチョッと小さめに切り取る。
    • 慣れが必要!
  8. ブログの貼り付け位置(カーソルの位置)を決め、Ctrl+V
    • Firefox で、画像を右クリック ⇒ 画像の情報を表示 すると
      • 現在の寸法(右図)は 240×316 であった。
      • 原画の大きさ 434×572。見るには‥‥ Ctrl+クリック(新しいタブで開く)が良いかも...

編集後記

  • クリップボードへ写真を送っておけば、はてなブログへの写真の貼り付けは、Ctrl+V で出来ることを確認した。
  • このページの画像は、全て「自動投稿」した。(投稿した画像は自PC内には無い)
  • 画面に表示された時点でリサイズされているので、スクリーンショットしてそのままブログに Ctrl+V すればよいことが(2年遅れで)判ったぁ~