今回はMacで画像の変換・リネーム・リサイズの全てを一役でこなす「Snap Converter」をご紹介します。
今回はMacで画像の変換・リネーム・リサイズの全てを一役でこなす「Snap Converter」をご紹介します。
Social Media Image Makerは各ソーシャルサイト用の画像を作成できるサイトです。 FacebookやTwitterなどのアイコンや投稿写真にピッタリのサイズの画像を作成できます。 主要なソーシャルサイトに対応していますよ。 トリミングだけでなく、画像加工もできました。 以下に使ってみた様子を載せておきます。 まず「Social Media Image Maker」にアクセスしましょう。 まずは利用したいソーシャルサイトを選択しましょう。 左側のメニューにソーシャルサイト一覧があります。 また、それぞれのソーシャルサイトでどういった場面での画像かを選択できます。 このようにトリミングや画像加工、画像の反転や回転など細かい加工ができます。 Facebookのカバー写真やTwitterのプロフィールアイコンなどの作成にぜひご活用ください。
float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま
これがずっとやりたかったんだよ!すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい!! WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン! すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し
『Image Viewer』は、ウェブページの写真をより快適に閲覧するためのChromeの拡張機能だ。画面右上に追加されるImage Viewerのアイコンをクリックすると、画像ビューアーモードに切り替わり、ページ内の複数の画像をスライドショーのように表示、閲覧できる。 機能性はシンプルだが、ページ内の画像を効率よく閲覧するのに最適。また、画像の表示がスムーズで、なめらかに拡大と縮小などの各種操作を行なえるのも魅力だ。 ■インストール グーグルのウェブサイト“Chrome ウェブストア”(関連サイト)にアクセス。『Image Viewer』を検索して、ダウンロードサイト(関連サイト)へ。 右上に表示された【CHROMEに追加】を押し、【追加】をクリックすると数秒でインストールが終了する。新規タブを開き、アプリのリストから『Image Viewer』をクリックする。 ■画像を閲覧してみよう
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
指定したリンク先のURLやタイトル 、description、ページ内で使用し ている画像を取得するjQueryのプラ グイン・Link Scrapper TextBoxの ご紹介です。Facabook等でも使わ れていますね。 Facebookのように、テキストボックスにURLを入れると、そのURL先のタイトルやdescription、画像を取得する、というスクリプトです。jQueryに依存しています。 上記のようにタイトルやdescriptionなどを取得、表示しています。何かと使えそうですねー。 以下公式の動作サンプルです。 Sample コード <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="linkScrapper.min.js"></script> 本体とプラグインを読み込
画像ファイルを指定したフォルダーに入れるだけでリサイズでき、リサイズと同時に画像ファイルのバックアップ・ファイル名に文字追加・モノクロ加工・プログラムの実行・EXIF情報の消去などもできるフリーソフトが「Dropresize」です。インストール不要でWindows上で起動可能となっています。 操作方法などについては以下から。 Dropresize - SemiGeeK http://semigeek.wordpress.com/dropresize/ 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Dropresize.exe」を起動。 操作画面が表示されます。 まず、画像ファイルが入れられると自動的にリサイズを実行するフォルダーを指定するには、「Add」をクリックしてフォルダーを選択します。 選択したフォルダーが表示されます。
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!
デモページ [ad#ad-2] 実装 全コードはデモページに記載されているので、ここではラインのスタイルをピックアップします。 HTML マークアップはシンプルなリストで、ul要素にclassを指定するだけです。 <ul class="container"> <li>First list item</li> <li>Second list item</li> <li>Third list item, etc.</li> </ul> CSS 両端がフェードするラインはCSS3グラデーションで、linear-gradientを使います。 シンプルに書くと下記のようになります。 background–image: linear–gradient(rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 両端が「0」で、真ん中が「1」です。 また、このグラデー
以前にも同じようなものがありましたが、 こちらのほうが良かったのでメモ。リスト (デモでは画像を使っています)にフィルタ リングしてソート出来るjQueryプラグイン。 わずか2KBと軽量で、クロスブラウザ対応 です。便利そうなのでどこかで使いたい ですね。 以前ご紹介したFilter Image Viewも良かったのですが、IE6で表示が微妙でしたが、MobilySelectは問題なく、しかも軽量です。 機能はFilter Image Viewと同様で、ボタンを押すと、そのボタン以外のリストを非表示にする、というフィルタリング。 上記は「名刺」のみの表示にした状態。 完璧に同じ挙動、とは行きませんが、IE6でもちゃんとフィルタリングしてくれます。上記はIETesterでのキャプチャ。 マークアップ <div class="selecter selecter1"> <div class="
米Googleは11月18日(現地時間)、オープンソースのWeb向け画像フォーマット「WebP(ウェッピーと読む)」に、可逆圧縮(ロスレス圧縮)モードと透過度を設定できるアルファチャンネルを追加したと発表した。 WebPは、同社が昨年9月に発表した画像フォーマット。Webサイトのページ読み込みの高速化を目的としており、ビデオフォーマット「WebM」のビデオ圧縮技術「VP8」を流用している。発表の時点では、JPEGのような非可逆圧縮にのみ対応していた。10月にはアニメーション、ICCプロファイル、XMPメタデータをサポートした。 Webページ向けの画像フォーマットとしては、一般に写真など階調の細かい画像にはJPEGが、ロゴやアイコンなどにはPNGが、アニメーションにはGIFが採用されることが多いが、今回の機能追加でWebPがそれらに取って代われることになる。ただし、今のところWebPに対応す
Slider Kit スライドショー、コンテンツスライダー、タブコンテンツ、カルーセルなどさまざまなスライドコンテンツに対応。
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像(diff.jpg)が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合(=diff.jpgは黒一色の画像) $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_
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
Settings Recovery link GMail Yahoo MSN AOL Other Open page Language Theme sharpen resolution dull resolution color areas Save Cancel Ask MugTug E-mail: Message or Question: Send Cancel At MugTug, we’re committed to our users. Your privacy is important to us, as is the integrity of your computer. To better protect your privacy we provide this notice explaining our software development and online in
画像補正エンジン「AccuSmart™」について 「超!美味しく変換」に採用されている「AccuSmart™」(アキュスマート)は、明るさや光源の違いなど、その場の雰囲気に合わせてデジタルカメラ画像を最適化する自動補正技術です。 「超!美味しく変換」は、この定評あるエンジンを料理画像用に最適化しています。 料理がより美味しく見えるように、鮮やかさ、色合い、明るさなど写真の質感を自動で補正し、見たままの美味しさを画像に再現します。 about「AccuSmart™」 FoodPic! uses "AccuSmart™" technology. It optimizes your digital camera image to meet the place or the circumstances where the image was taken, including its brightn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く