Picture

CMS, Picture

Webp画像をffmepg変換で作成

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

Picture, Video

動画処理に便利なffmpeg

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

Javascript, Picture, WordPress

画像の拡大-Colorbox

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

Picture

ヘッダー動画

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

Picture

ヘッダー動画

ヘッダー画像にGIF動画 動画はインパクトが有りますが、ヘッダーは通常は静止画は指定出来ますが、動画が指定出来ません。 唯一の解決策がGIFアニメーションですが、通常の作成方法ですと、MP4動画に比べて数十倍になることが

Picture

イメージマップ

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

上部へスクロール