画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
PHPでGDを利用してサムネイルを作成する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
う〜サムネイル、サムネイル。 今PHPでの画像のサムネイル生成方法を求めて全力検索している僕はLIGに勤めるごく一般的なプログラマー。 強いて違うところをあげるとすればGDに興味があるってとこかナー こういう画像を こうしたいんです。 という訳で、今回はPHPでGDを利用してサムネイルを作成する方法です。 まず、対象となる画像をホイホイ設定します。 $image = imagecreatefromjpeg( $file ); $fileにはローカルファイルのパス、またはなんとURLを直接指定することも可能です。（PHPの環境設定次第なんですがね、へへへ） $width = imagesx( $image ); $height = imagesy( $image ); if ( $width >= $height ) { //横長の画像の時 $side = $height; $x = flo
簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」:phpspot開発日誌
簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」 2011年06月15日- jLinkPreview 簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」のご紹介。 リンクを合わせたときにリンク先のイメージが分かるといいですが、それをjQueryプラグインの形で、簡単に実装できます。 サムネイル画像にはwimg.caというサービスが使われています。 サムネイル表示の例 使い方は以下のように初期化すればよいみたい。 画像のプレロードや、サムネイルサイズ（幅・高さ）、フェードや背景色など自在にカスタマイズできますね プラグインもそこまで大きくないため、サムネイルのプロバイダを変更するのもソースをちょこちょこっと変えれば対応できます。 関連エントリ テキストシャドウを自在にアニメーションさせられる
魅せる画像スライドショーJavaScript「jQuery GalleryView」
スライドショー的なJavaScriptは多いですが、ここまで魅せるものはなかったように思います。 jQuery GalleryViewはどこを見ているのか、次の画像は何かなど細かい点にも配慮しています。 sponsors 使用方法 jQuery GalleryViewからファイル一式をダウンロードします。 themesはjsと同じディレクトリにアップして下さい。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.galleryview-1.0.js"></script> <script type=
Blinky
👻 Blinky - Web thumbnail service with Ruby and Webkit Technical demo to take screenshot of any URL, powered by PhantomJS, Poltergeist and Ruby. Blinky API compat with old service (MozShot) currently. Currently, no documentation except really simple usage. However, all source code has provided under ruby lisence. You can refer and modifiy this source freely.
ウェブページサムネイル作成サービス「 MozShot」 | That's Life -Notes-
ウェブページサムネイル作成サービス「 MozShot」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.tofu-kun.org/080616182016.php
