CMS Webp画像をffmepg変換で作成
ホームページの画像は出来るだけ、ファイルサイズを小さくするのがベターです。グーグルが提唱する、Webp形式の画像ファイルの作成は、用意したJpgファイルを、１）グーグル？が提供するサイトにアップロードし、サイト内の画像変換機能を使って、サイ...
Picture
CMS 
Picture 動画処理に便利なffmpeg
動画・静止画・音声ファイルなどを簡単なコマンドで処理出来るffmpegコマンドについて、使用例をまとめてみました。使い慣れると、コマンド処理ですので、早く結果を得たい時に重宝します。 ffmpegの導入 まずffmpegをインストールします...
Javascript 画像の拡大-Colorbox
jquery.colorbox.jsを使った画像の拡大機能です。ColorBoxを使った画像の拡大機能は、同じページの画像を、拡大して、次々と変える機能がありますが、ここでは単独の画像の拡大機能を記録しました。 サンプル 下図はColorb...
Picture ヘッダー動画
ヘッダー動画の例です 実際のサイズを縮小した、ヘッダー動画の例です。 作り方 フルHDのフリー動画をダウンロードし、 動画を数秒にカットします。 ffmpegコマンドで、画面のサイズを1,680ｗにリサイズします。 ffmpegコマンドで、...
Picture ヘッダー動画
GIF動画を作成し、ヘッダーにつかうまで
Picture イメージマップ
一つの画像に複数の、別の場所を決めてリンクを貼る（本投稿は現在編集中です） 無料で高機能なGIMPはこのような場合に威力を発揮します。本サイトではGIMPによるイメージマップで、一つの画像に複数の領域にリンクを作成する、操作方法を説明してい...