[サーバー] .htaccessで画像への直リンクを防止する

まとめサイトやキュレーションサイト、パクリサイトからの画像の直リンクにより、サーバー負荷によってサイトの表示が遅くなったりする被害を防ぐために、.htaccessを設定して、画像を自分のサイトまたは一部のサイト以外からは表示できないようにする方法。
続きを読む →

[HTML5/画像] フリーのデザインテンプレートと写真素材配布サイト

フリーのデザインテンプレート配布サイト。
レスポンシブHTML5のものもあり。

「PhotoSwipe」は、ページの画像をページ内にポップアップ表示させる、Lightbox風のJavaScript画像ギャラリー。

画像の表示方法がかなりよろしくて、拡大表示、キー操作、タッチジェスチャー、FacebookやTwitterへのシェアボタンなどが付いています。

拡大表示は、画像をフルサイズで見せたいときに有効ですし、タッチジェスチャーではスワイプでの画像送り以外に画像をつまんでの拡大・クローズに対応しているので、スマホユーザーには使いやすいでしょう。

著作権フリーな画像素材だけをストックしている「FindA.Photo」。
著作権フリーなので、著作権者の表示無しに加工して自由に使用することができます。

画像をポップアップ表示するLightbox系の「Image Lightbox」は、レスポンシブデザイン対応でタッチフレンドリーな操作が可能です。様々な表示方法があり、スワイプで画像を切り替えることができるのでスマホ対応サイトなどにも幅広く使用できます。（表示デモ）

実装はかなり簡単で、1つのjsファイルとjQueryをヘッダーで読み込んで、CSSを追加するだけなので、FC2などの無料ブログサービスにも最適です。

ここでは一例としてFC2ブログへの実装を紹介しています。