Picture

Picture

失敗写真を修正して活かす

場所が狭くて被写体の撮影に適さない所で、撮影した写真をソフトで変形処理し、見栄え上無難な写真にしてみました 狭い場所で撮影した元画像(ソフト化しています) 元の画像は撮影場所の成約から距離が取れなく、且つ水平が取れなくて不自然な状態です。こ...
CMS

Webp画像をffmepg変換で作成

ホームページの画像は出来るだけ、ファイルサイズを小さくするのがベターです。グーグルが提唱する、Webp形式の画像ファイルの作成は、用意したJpgファイルを、1)グーグル?が提供するサイトにアップロードし、サイト内の画像変換機能を使って、サイ...
Picture

動画処理に便利なffmpeg

動画・静止画・音声ファイルなどを簡単なコマンドで処理出来るffmpegコマンドについて、使用例をまとめてみました。使い慣れると、コマンド処理ですので、早く結果を得たい時に重宝します。 ffmpegの導入 まずffmpegをインストールします...
Javascript

画像の拡大-Colorbox

jquery.colorbox.jsを使った画像の拡大機能です。ColorBoxを使った画像の拡大機能は、同じページの画像を、拡大して、次々と変える機能がありますが、ここでは単独の画像の拡大機能を記録しました。 サンプル 下図はColorb...
Picture

ヘッダー動画

ヘッダー動画の例です 実際のサイズを縮小した、ヘッダー動画の例です。 作り方 フルHDのフリー動画をダウンロードし、 動画を数秒にカットします。 ffmpegコマンドで、画面のサイズを1,680wにリサイズします。 ffmpegコマンドで、...
Picture

ヘッダー動画

GIF動画を作成し、ヘッダーにつかうまで
Picture

イメージマップ

一つの画像に複数の、別の場所を決めてリンクを貼る(本投稿は現在編集中です) 無料で高機能なGIMPはこのような場合に威力を発揮します。本サイトではGIMPによるイメージマップで、一つの画像に複数の領域にリンクを作成する、操作方法を説明してい...