dfltweb1.onamae.com – このドメインはお名前.comで取得されています。このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
無料＆インストールなしで画像のリサイズや画質変更が一括で可能な「Bulk Resize Photos」
PCのブラウザ上から無料で使える、画像のリサイズや画質変更を一括で行えるサービスが「Bulk Resize Photos」です。Bulk Resize Photosはウェブサービスですがファイルをアップロードする必要はなく、画像加工は全てブラウザ上で行われるので、無駄に通信量がかさむといったこともありません。 Bulk Resize Photos http://bulkresizephotos.com/ 「Bulk Resize Photos」の使い方は非常に単純で、加工したい画像をドラッグ＆ドロップで赤枠部分に移動させます。 加工画面はこんな感じ。「Scale」からは画像を拡大縮小可能で、赤枠部分に元画像の何％のサイズに拡大縮小するのかを入力すればOK。 「Longest Side」をクリックすれば画像の長辺を指定可能。画像の縦横比は元画像のものを保ったままリサイズされます。 「Widt
pixivのサムネイル事情 - pixiv inside [archive]
この記事はピクシブ株式会社Advent Calendar 12/10の記事です。 こんにちは、インフラチームの@harukasanです。 さて、今日はpixivで使用しているサムネイル変換サーバについて紹介しようと思います。 pixivにはたくさんのサムネイルがある pixivにはうんざりするほどたくさんの種類のサムネイルがあります。 これは対応しているプラットフォームが多く、また画面毎にもサイズが異なるからです。 PC版であるwww.pixiv.netだけでも10種類以上のサムネイルが使用されています。 また、サムネイルにはアスペクト比を固定したものと、スクエアにクロップした2種類があります。 (Ugoira Tech Talks: Ugoku Backendより) 従来の方法ではこれらのサムネイルをアップロード時に生成していたため、サムネイル生成を非同期化するなどして対応していました。
![pixivのサムネイル事情 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7795bb63b5f0ec25d6ef004b131815b4baf0e9f/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fharukasan%2F20141210%2F20141210214738.png)
FuelPHPで画像を選択、表示、範囲選択、アップロード、切り取った画像の表示を画面遷移なしでやる
そのままの流れで以下の続きを書いちゃいます。 http://madroom-project.blogspot.jp/2013/06/fuelphp.html 尚、動かすのに最低限な内容なので、アップロードされるファイルは画像が大前提だったり、トークンやアップロードされたファイルのチェック等は割愛していますm(_ _)m (それでも結構長くなってしまいますね。。。) -- Jcropをダウンロードします。 http://deepliquid.com/content/Jcrop.html 解凍したディレクトリを public/assets/jcrop として配置します。 コントローラは以下のようになります。 classes/controller/file.php <?php class Controller_File extends Controller { public function a
［ウェブサービスレビュー］ウェブデザイナー御用達の計算をブラウザ上で行える「web計。」
内容：「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。「横幅に対する画像数」「画像の比率」などを紙とペンでいちいち計算することなく、フォームに値を入力するだけで算出できる。 「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。電卓を叩いたり、紙とペンを使っていちいち計算することなく、フォームに値を入力するだけで正しい値を導き出すことができる。 本サービスは4つの機能を備えており、それぞれをタブで切り替えて利用できる。ひとつめは「横幅に対する画像数」で、ウェブページの横幅を基準に、指定サイズの画像が何個入るか、またマージンがいくらになるかを簡単に算出できる。例えば「横幅1000pxで画像3個でマージン11pxの場合、画像枠の幅が326px」「横幅10
楽しく! 美味しく! 美しく! 画像加工サーバ Rudess（仮） | DevelopersIO
よく訓練されたアップル信者、都元です。本日は画像加工処理のお話。 チューター クラスメソッド社にはチューターというWebサイトパフォーマンスチューニングのサービスがあります。チューニングのポイントは、一般的に言われていることから、AWSを利用したアプリケーションアーキテクチャまで様々です。 一般的なWebサイトパフォーマンス向上の施策として、画像まわりのチューニングも色々あります。少し考えるだけでも、「CSSスプライト」「サイズ変換」「画像の軽量化」など、多くのテクニックがあります。しかし画像というのは、見栄えは良くしたいがパフォーマンスは落としたくない、というトレードオフに挟まれることが多く、扱いが難しい *1ことが多々あります。 よくあるパフォーマンスチューニングポイントとしては、「画像をHTML/CSSでリサイズしてしまっている」というものです。具体的には、例えばページ上に100x1
[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
JPEG画像のファイルサイズを最大90%圧縮できる「JPEG Minimizer」
※検索結果ページから競合調査をおこなったうえでタイトルを付けたところ、タイトルの一部に語弊があったので修正しました。また、比較方法にも誤解を招く、あるいは判断しづらい部分があったので修正を加えました。ご迷惑をおかけします。 PNG画像のファイルサイズ圧縮ならPNG Minimizerがオススメですが、JPEG形式の写真を扱うことも多いので、オンラインで手軽に圧縮できないものかと思っていたら、PNG Minimizerの派生型サービスとしてJPEG版もあったのでご紹介しておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! JPEG画像のファイルサイズを圧縮 「JPEG Minimizer」は、BMPやPNG、JPEGといった形式の画像を、画質をあまり落とさずに、ファイルサイズを圧縮したJPE
Visual Studio Code and Docker - Visual Studio Code - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
2NT -無料ブログ 無料ホームページ 等-
2NTは無料ブログ、無料ホームページ等、楽しいWEB Lifeをお届けするポータルサイトです。
iPhone、Androidで使える！撮ったその場で画像編集できるHTML5アプリを作ってみよう | DevelopersIO
先日、iOS6のSafariでFile API、HTML Media Captureを試してみました。 これで写真を撮ってすぐに編集できるWebアプリが作れるのではないかと思い、作ってみることにしました。 以下がサンプルのURLです。撮影して画像を表示した後に編集し保存することができます。 画像処理サンプル OSとブラウザに関しては iPhone 5(iOS6)のSafariと Galaxy S3(Android 4.04)の標準ブラウザ で動作確認しました。iOS5系、Android2系ではFile API、HTML Media Captureが使えないので動きません。 PC版Chromeでも試しましたが、ファイルを選択して画像処理できることを確認しました。 他のモバイル用OS、モバイルブラウザに関しては試せないので分かりませんが、 以下のサイトの表でFile APIとHTML Medi
YAPC::Asia 2012で「pixivのサムネイル事情」について発表してきました - pixiv engineering blog
近頃愉快な仲間たちとロックマン＆バイオハザードの制限付きプレイを楽しんでいるインフラ兼ソフトウェアエンジニアのbokkoです。(ロックバスターオンリー & E缶禁止があんなに難しいとは思いませんでした…) 先週末の9/27～29に東京大学伊藤国際学術研究センターで開催されたYAPC::Asia 2012にスピーカーとして参加してきました。以下はその際に使用した資料になります。 pixiv thumbnails 資料中で述べられている画像アップロードの非同期化は僕がピクシブに入社して最初に担当した仕事で、非常に思い出深いものです。 その後も精力的にチューニングを行った甲斐もあって1作品あたりの画像のアップロードやサムネイルの生成にかかる時間は僕の入社当時と比べて数倍短くなりました。 また、サムネイルの生成方法についても見直しを行って参照頻度の低いサムネイルはmod_small_lightで
アイコンやプロフィール画像などを最適なサイズで一括生成してくれる『Iconizer』
アイコンやプロフィール画像などを最適なサイズで一括生成してくれる『Iconizer』 『Iconizer』は一つの画像を基にして各種ソーシャルサイトで使うプロフィール画像や各種デバイス用のアイコンのサイズで一括生成してくれるサイト。 サイト上部のドラッグエリアに画像をドラッグ＆ドロップすると、さまざまなサイズにリサイズされた画像が出力されます。 作成されたそれぞれの画像はアーカイブにまとめてダウンロードすることが可能です。 出力される画像サイズは以下の通りです。 Twitter (128 x 128) Facebook (180 x 180) Google Plus (250 x 250) Youtube (800 x 800) Linkedin (500 x 500) Pinterest (160 x 165) Tumblr (512 x 512) Apple Touch 57 (57
node.jsでtrayという画像アップローダを作った - はこべにっき ♨
昨日のKyoto.js #2 で、trayというお手軽な画像アップローダについて発表してきました。ドラッグアンドドロップで画像がアップロードされます。画像は12枚のパネル上に表示され、誰かがアップロードするとリアルタイムで画面が切り替わったりします。 http://tray.douzemille.net:8080 http://imagetray.herokuapp.com/ でお試しできますので、お手元の適当な画像をドラッグアンドドロップして遊んでみてください! 何アップロードされているかはよくわからないので、ご注意ください。たまに勝手に適当な写真に切り替わるようにしてあります。*1 ドラッグアンドドロップでのアップロードが手軽で便利なだけではなく、12枚のパネルにきれいな画像をはめこむおもしろさもあります。 割と簡単に設置できておもしろいのでぜひおためしください。GIFアニメを投稿しま
コンテナに画像がぴったり収まるように画像のサイズを変更するjQueryプラグイン・imgLiquid
画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。 コンテナ一杯に画像を表示させる、というもの。 上が使用した状態、下が未使用です。下はコンテナに隙間があるのに対し、上はコンテナに隙間無く画像が収まっています。画像をメインとしたコンテンツでグリッドレイアウトなWebサイトなどにも良さそうです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script>コアとプラグインを読み込みます。 $("
[CSS]コピペでOK！画像のホバー時用のかっこいい新しいエフェクトのまとめ
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ - NAVER まとめ
猫の画像をダミー画像として使える・「{placekitten}」
京大で画像処理を学んだ僕が本気でエロWEBサービス作ったった
商用利用OK、クレジット表示不要！の無料画像素材サイト「タダピク」｜まだ仮想通貨持ってないの？
