オンラインでWebMに動画変換する方法 Convertioを利用

動画を次世代フォーマットの WebM に変換する方法はいろいろありますが、オンラインファイルコンバーターの「Convertio」を利用することで、オンライン上で簡単に...

WebM動画に変換する方法 Internet Friendly Media Encoder

今回は無料のアプリを利用して簡単に 次世代フォーマットの WebM に動画を変換する方法について図解します。「 Internet Friendly Media...

Photoshopを使ってコマ送り動画 を作成する アニメーションGif

今回は Photoshop を使って複数の写真からコマ送り動画を作成する方法を図解します。最終的にアニメーション Gif として保存します。Photoshop...

ワードプレスの写真関連情報 画像表示情報

ワードプレスで写真サイトを構築する際に役に立ちそうな設定や情報をまとめています。こちらはワードプレスの写真設定や画像表示に関連する情報の目次ページとしています。なるべく図を用いて簡単に解説するようにしようと思っています。参考にどうぞ。

ワードプレス(WordPress)の写真関連情報 画像表示情報

1.写真・画像の保存技術関連

サイトの高速化 写真のWebP化の方法 Photoshop利用

サイトの高速化の方法のひとつに、表示させる写真や画像に次世代フォーマットを利用するというものがあります。次世代フォーマットにはいくつか案があるのですが、今回はGoogleが開発している WebP (ウェッピー)の利用方法について取り上げます…

ワードプレスで次世代フォーマットでの画像の配信 WebP の画質比較

PageSpeed Insights でのスピードアップの提案に「次世代フォーマットでの画像の配信」というものがあります。次世代画像フォーマットのうち、今回はGoogleが開発している「 WebP 」について利用を可能とし、またその画質の比較を行います…

次世代フォーマット WebP の画質比較 Jpeg2000 と Jpeg

今回は次世代フォーマットでの画像配信のために、実際に次世代フォーマットとされる「WebP、Jpeg2000」の画像を作成し、Jpegでの保存画質とを比較をしてみようと思います…

ImageMagick の設定方法と写真画質比較

さくらのレンタルサーバーを使い WordPress(ワードプレス)のクイックインストールを行うと、標準で ImageMagick Engine プラグインがインストールされています。今回はその設定方法と設定画質の比較を行ってみます…

画質比較 Compress JPEG & PNG プラグインのインストール

WordPress(ワードプレス)に画像圧縮のためのプラグイン「 Compress JPEG & PNG images 」をインストールする方法と、その画質について図解説します。画質比較はワードプレスの標準の GD と比較します…

プラグイン ImageMagick と Compress JPEG & PNG images の圧縮率と写真画質比較

WordPress(ワードプレス)の画像圧縮方法の違いによる写真画質の比較を行います。今回はワードプレス標準のGDと、プラグイン「Compress JPEG & PNG images」、プラグイン「ImageMagick」の3者で比較を行います…

ワードプレスで WebP を簡単に作成する方法 EWWW Image Optimizer

WordPress(ワードプレス)初心者向けに、今回はワードプレスで次世代フォーマットでの画像配信を簡単に行う方法、「EWWW Image Optimizer」を用いた方法についてまとめさせていただきます…

2.動画の作成・保存技術関連

Photoshop を使ってコマ送り動画を作成する アニメーションGif

今回は Photoshop を使って複数の写真からコマ送り動画を作成する方法を図解します。最終的にアニメーション Gif として保存します。

オンラインで WebM に動画変換する方法 Convertioの利用方法

動画を次世代フォーマットの WebM に変換する方法はいろいろありますが、オンラインファイルコンバーターの「Convertio」を利用することで、オンライン上で簡単に WebM 動画に変換することができます…

Photoshopで色がグラデーション変化するアニメーションGifを作成する

今回は Adobe Photoshop を使ってグラデーションが経時的に変化するアニメーションGifを作成する方法について図解します。作成しておくと背景などに利用出来て便利です。簡単ですのでぜひ挑戦してみてください…

アニメーションGifのカラーグラデーション動画の作成 Photoshop利用

今回は Adobe Photoshop を使ってグラデーションが経時的に変化するアニメーションGifを作成する方法について図解します。前に作成したパターンとはまた別パターンです。作成しておくと背景などに利用出来て便利です。簡単ですのでぜひ挑戦してみてください…

3.写真・画像の表示技術関連

ワードプレスで写真の分割表示 TwentyTwenty

写真系のサイトを構築していると、色調補正や諧調補正を行った写真を、写真の補正前後で並べて比較をさせたいと思ったことはありませんか?プラグイン「 TwentyTwenty 」がそれを実現してくれます…

4.写真・画像ギャラリー関連

表示の綺麗な写真ギャラリー 無料プラグイン Top 5 2019 ワードプレス

今回は2019年春現在で、WordPress(ワードプレス)の無料の写真ギャラリープラグインのうちから、表示が綺麗で設定管理の簡単なプラグインを5つご紹介します。全てレスポンシブ対応のギャラリーを作成できるプラグインになります。

2019年春現在 ワードプレスの最も簡単で綺麗な写真ギャラリー Envira Photo Gallery

WordPress(ワードプレス)で写真を綺麗に魅せるサイトを作るには、ギャラリープラグインを使うのも有効です。今回は、数あるギャラリープラグインの中から「Gallery Plugin for WordPress – Envira Photo Gallery」について図解説します… 

Responsive Photo Gallery 操作が簡単なワードプレスの無料写真ギャラリー

今回は操作がわかりやすくて使いやすいギャラリープラグインの「Responsive Photo Gallery – Images Gallery for WordPress」をワードプレスに設定して、その機能を試してみることにします。

ワードプレスの素敵なギャラリー Unite Gallery のインストールと設定

今回はWordpress(ワードプレス)のギャラリープラグイン「Unite Gallery」について図解説したいと思います。Unite Gallery には無料の「Unite Galley Lite」もあるので、その機能の違いも含め解説したいと思います。無料でもかなり使えるおすすめのギャラリーです…

ワードプレス無料ギャラリー Robo Gallery 設定と機能

WordPress(ワードプレス)の無料ギャラリープラグインにはいろいろありますが、Robo Gallery はレスポンシブ対応でグリッドスタイルのデザインも可能な便利なプラグインになります。有料の Pro 版もありますが購入しなくてもかなり使えるプラグインです。ここでそのインストール方法と機能について説明します…

NextGEN Gallery 設定図解 ワードプレスプラグイン

WordPress(ワードプレス)には標準の状態でもサイトに写真ギャラリー表示する機能はありますが、使い勝手としても、美しさとしても今一歩です。そこで今回は写真ギャラリーを作成するプラグイン「 NextGEN Gallery 」を利用してみることにします…

レスポンシブ対応ギャラリーの簡単設定 Photo Gallery by 10Web

WordPress(ワードプレス)の標準機能にもギャラリーの作成機能はありますが、プラグインを追加することで、より見栄えの良いギャラリーサイトを作成することができます。今回はプラグイン「 Photo Gallery by 10Web – Mobile-Friendly Image Gallery 」の利用法をについて、できるだけ図を使いながら簡単に説明します…

5.テーマ関連

写真サイトを作るのにワードプレスのDiviテーマがおすすめな理由

今回はワードプレスの「Divi(by Elegant Themes)」が写真サイトの作成におすすめな理由について解説したいと思います…

Pin It on Pinterest