WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,
スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image
画像を自動判定して、スマートフォンやデスクトップなどそれぞれの表示サイズに合わせて、最適なサイズに変更して画像を表示するPHP&JavaScriptを紹介します。 導入も簡単で、5分くらいでできる感じです。 Adaptive Images in HTML [ad#ad-2] Adaptive Imagesのデモ オリジナルの画像はサイズ1900x1069px、容量631Kbで、ブラウザのサイズに合わせて、ファイルサイズを変更して画像を表示します。 ファイルサイズの変更に伴い、サイズ自体も最適化されます。
PHPを使って画像をアップしてjQueryで切り抜くチュートリアル:phpspot開発日誌
Image Upload and Cropping with PHP and Jquery PHPを使って画像をアップしてjQueryで切り抜くチュートリアルとデモが公開されています。 配布されているプログラムをダウンロードしてプロトタイプとして使って開発効率を高める事もできますし、単に学習用に使うこともできそうです。 実際のサービスで使うにはセキュリティの問題がないかどうかをちゃんとチェックして使いましょう デモページはこちら 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル PHPとGDを使ってCaptchaを自作するチュートリアル
PHPで画像からHTMLのカラーパレットを作るサンプルプログラム:phpspot開発日誌
Generating a color palette from a image in php PHPで画像からHTMLのカラーパレットを作るサンプルプログラムがcode dieselにて公開されています。 画像を渡せば、GDを使って使われている色を分析し、頻度の多い順に配列で受け取ることができます。 なんらかのWEBサービスやツールに応用することができそうです。 クラスライブラリの形なので再利用も超簡単です。 元記事ではテーブルタグを使ったカラーパターンの出力用プログラムも公開されています。 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル
Convert, Edit, Or Compose Bitmap Images @ ImageMagick
ImageMagick® is a free, open-source software suite, used for editing and manipulating digital images. It can be used to create, edit, compose, or convert bitmap images, and supports a wide range of file formats, including JPEG, PNG, GIF, TIFF, and Ultra HDR. ImageMagick is widely used in industries such as web development, graphic design, and video editing, as well as in scientific research, medic
Flickr上の写真を検索してお好みのサイズにしてくれる「flickholdr」:phpspot開発日誌
FlickHoldr.com WEBデザイン中の空きスペースにFlickr上の写真を検索してお好みのサイズで表示できる「flickholdr」 サイトデザイン中にこんなサイズの空とか海とか適当なイメージが欲しい、という場合に一気に調達してくれるのがflickrholderです。 例えば、ギャラリーサイトだけど、まだ写真ないだとか、この空いてる位置に画像ハメこむ予定だけど、まだダミーの画像作るのめんどくさいとかいう場合に使えます。 使い方は単純に、<img>タグのsrcに次のように指定してあげるだけです。 <img src="http://flickholdr.com/200/300"> <img src="http://flickholdr.com/200/300/sea,sun"> 200は幅で、300は高さ。sea,sunっていうのは検索ワードですが、かなり簡単に呼び出せることが分かり
画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例:phpspot開発日誌
Base64 Encoding for Images. 画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例。 Googleがインスタントプレビューや画像検索で導入してその読み込み速度に驚いた方も多いかもしれません。 その手法をPHPで実現するコードが掲載されていましたのでご紹介。 PHPでやるにはそんなに難しいわけではなさそう。 <?php $img_src = "image/sample.png"; // 画像ファイルの指定 $imgbinary = fread(fopen($img_src, "r"), filesize($img_src)); // バイナリデータを読み込み $img_str = base64_encode($imgbinary); // base64エンコード echo '<img src="data:image/png;base6
JavaScriptとHTML5 Canvasを使って顔認識するコードがすごい:phpspot開発日誌
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WEBはもっと高速に、サーバにも優しくなっていく流れになっていきそうですね。 GitHubでは２つのJSと１枚のHTML、１つのPHPコードが配布されています。 ccv.jsがコアで、face.jsは定義ファイルっぽいです。 画像を外部から呼び出すためのプロクシ用にphpを使っていますがphpでOpenCVを使ったりはしていないようです。 関連エントリ PHPでOpenCVなしのピュアPHPで顔認識す
PHPで画像のリサイズ等が簡単に行えるクラス:phpspot開発日誌
PHP Image Resizer Class : Milaju PHPで画像のリサイズ等が簡単に行えるクラスが公開されています。 こうしたライブラリは同様のものが存在するのですが、便利そうなので公開。 次のように実装時に分かりやすいコードでかつ簡単にリサイズが可能です。リサイズだけではなく、クオリティやmaxサイズといったオプション指定も出来るようになってます。 require_once('class.imgsizer.php'); $imgSizer = new imgSizer(); $imgSizer->type = "width"; $imgSizer->max = 100; $imgSizer->quality = 8; $imgSizer->square = true; $imgSizer->prefix = "sml_"; $imgSizer->folder = "_siz
WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」:phpspot開発日誌
Edit images directly in your CMS. Now as a plugin for Joomla 1.5. - Picture Editor, GD, PHP, Open Source, GPL WEB上で画像のリサイズ/回転/切抜き等が可能になるPHPのオープンソース「PHP Image Editor」が公開されています。 そのまま使ってもいいですし、CMSなんかの組み込み用に使ってもよさそう。Joomlaのプラグイン形式でも公開されています。 指定サイズにそのままリサイズする機能 左右に９０度回転する機能 範囲を選択して切り抜く機能 明るさとコントラストを調節する機能 デモを使ってみると結構便利でしたので試してみましょう。 関連エントリ オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」 オープンソースGoogleAnalytic
写真、動画、音声等をリッチなUIで管理出来るOSSのPHPアプリ「Phraseanet」:phpspot開発日誌
Phraseanet IV 写真、動画、音声等をリッチなUIで管理出来るOSSのPHPアプリ「Phraseanet」。 次のようなリッチなUIでメディアファイルをブラウザ上で管理することが出来ます。 管理画面、アップロード画面、整理、LightBoxによる表示、レポート機能などが組み込まれています。 沢山のドキュメントをブラウザ上で管理したり閲覧したりする場合に使えるかもしれませんね。 関連エントリ オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」 オープンソースGoogleAnalytics風、PHP製アクセス解析フレームワーク「Open Web Analytics」 PHPからiPhoneに通知を送るためのオープンソースの仕組み「apns-php」 オープンソースのphp広告管理システム
フォントのテストツールを自サイトに設置できるウィジェット -TypeShow
自分のサーバーに簡単に設置ができる、フォントのテストを好きなテキストでおこなえるウィジェットを紹介します。 当方で設置したTypeShow 設置するサーバーの要件は下記の通りです。 PHP 5.2 or higher GD 2.0+ Library FreeType 2.0 support PNG support 詳しくは、下記をご覧ください。 System Requirements [ad#ad-2] インストールは簡単です。 サーバーの要件を確認します。 「Download」より「typeshow.installer.zip」をダウンロードし、解凍した「install.php」をサーバーにアップします。アップ先は「/ts/」にします。 「ts」のパーミッションは一時的に「777」にします。 アップロードした「yourdomain.com/ts/install.php」にアクセスします。
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。１ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ
MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」:phpspot開発日誌
Identicon5 | Francis Shanahan[.com] MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」。 071e3f61671e790fc492b583a01ae22b のような32バイトのmd5値を、次のようなユニークなイメージに変換してくれるプラグインです。 canvasによって描画されるのでサーバ側のCPUリソースは食いません。 IDを視覚的に同一と認識する場合、32バイトの文字情報を人間の目で比較するのは非常に分かりづらいですが、こうして画像にすることで認識しやすくなりますね。 色々と応用できそうです。 PHPでの実装はこちらにあるそうです 関連エントリ 画像のリサイズに便利なPHPクラスライブラリ Symfony2にも入っているPHP 5.3ベースの超便利ライブラリ集 携帯用HTML〜絵文字、デコメ用PHPライブラリ
GoogleライクなCAPTCHAをPHPで作成するサンプル:phpspot開発日誌
Google Like CAPTCHA with PHP. GoogleライクなCAPTCHAをPHPで作成するサンプルが公開されています。 GoogleのCAPTCHAというとグニャッと曲がった感じのCAPTCHAですが似たようなものが簡単に実現できます。 作成できるような以下のようなCAPTCHA 配布ソースないのcaptcha.php内ではSimpleCaptchaというクラスが定義されており、再利用も比較的容易でしょう。 関連エントリ jQueryで実装するシンプルなグラフィックCAPTCHA「jQuery SimpleCaptcha」 これは新しい妹CAPTCHA「妹認証」 これは注目！様々なタイプのCAPTCHAが作れるPHPライブラリ「Securimage PHP CAPTCHA」 PHPから高度なCAPTCHAの仕組みreCaptchaを実装するチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
