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