JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
SageThumbsはエクスプローラに162種類もの画像サポートを追加するエクスプローラ拡張。 SageThumbsはWindows/エクスプローラ用のオープンソース・ソフトウェア。Windowsにはファイル管理ソフトウェアが多数あるが、なんだかんだ言いつつもエクスプローラに戻ってきてしまう。ショートカットキーも便利で操作に慣れているというのが大きい。 コンテクストメニュー しかしエクスプローラにある機能で十分かと言われるとそうでもない。そのため機能拡張が多数存在する。その一つ、画像の扱いに不便さを感じていた人に使ってみてほしいのがSageThumbsだ。 SageThumbsをインストールすると、実に162フォーマット(224拡張子)の画像をエクスプローラでサポートする。サムネイルビューが使えたり、アイコンもプレビュー画像に変更される。今までは画像アイコンやWindowsアイコンだったの
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!
70 Free Professional PSD Templates for Web Design | reADactor フリーの高品質WEBデザインレイアウトテンプレートPSD70。 これフリーなのっていうぐらい高品質なテンプレートが公開されています。PSDなので自由に編集できて色々と使えそうです。 デザイン費を安く抑えたい方には嬉しいですね。 こういうものをベースとして編集してデザインを安くクライアントさんに提供するなんていうのも1つのモデルになるのかも(PSDのライセンスは要確認) 関連エントリ シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 最近リリースされたWEBデザイン用PSDデータ5種 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材15 ハイクオリティなWEBデザイン用Photoshopパーツ5
2017年6月29日 Webデザイン 「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか?私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう! ↑私が10年以上利用している会計ソフト! 追記:Photoshopを使った加工の仕方を記事にしてみました! » 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを グラデーションを加える 「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーの
Our ornaments and decorative borders are vectorized by hand, selected from authentic type foundries sources. They are provided as vectors, so you can easily customize and enlarge them while keeping crisp details. Free Vector Pack More than 200 free ornaments, borders and illustrations. Free to use for any commercial work. Essential Pack From typographic ornaments, pen flourishes to swirly curls an
Photoshopの画像解像度やカンバスサイズなどを複数のファイルに同一処理をさせる機能としてバッチ処理というものがあります。しかしこのバッチ処理の設定に少しクセがあり、イマイチ上手く行かなかったりするのでポイントを押させてブログにポストしておきます。 今回の設定内容 僕自身のブログ用に作成するので、以下の条件の自動処理をサンプルとして記述します。 画像解像度を幅426pxに統一 元画像を保存するフォルダと、一括処理後の画像を分けて保存する 今回解説で使用している環境はwindowsのphotoshopCS4 今回自動処理を行うに当たり、システム上に「処理用」というフォルダを作り、更にその中に「処理前」と「処理後」というフォルダを作成しました。一括処理する元の画像ファイルを「処理前」に入れておき、一括処理で解像度を変更したものを「処理後」フォルダへ保存するようにします。 自動化させる処理を
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、1つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル25 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
25 Examples of Thumbnail Usage in Web Design | Codrops サムネイルの使い方がうまいサイト25 ギャラリーサイトや企業のプロダクトを紹介する場合などにサムネイルを並べたりすることがあると思いますが、こういう場合に、あまりサムネイルの並べ方について考えたことがない場合は単純にサムネイルを並べて、可もなく不可もなくなデザインになってしまいそうです。 サムネイルの使い方がうまいこうしたサイトを予めみておくことで、ああこういう使い方があるのか、というインプットになって実際のアウトプットの際に役立つかもしれません。 サムネイルだけでなく、色々なパーツデザインがありますが、それぞれの色々なデザインを把握してその場その場に応じたインタフェースを提案できるデザイナーさんがいたとしたら本当にプロフェッショナルと感じますし是非一緒に仕事がしたいと思われること
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます(角丸はCSSで指定してます)。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
先日は夏至だったようで、Googleのロゴが以下のように変わってました。 このGoogleのロゴ、何かのイベントの時に変わるので、季節や時事を感じることが出来て面白いですね。 てことで、過去のGoogleロゴってどこかにあるのかな?と思って探してみたら、以下にありました。 Google Holiday Logo Googleの公式でこういうサイトがあったんですね。この中から、これは面白いなーと思ったのを紹介してみます。 2009 年 9 月 3 日 ドラえもんの誕生日これは覚えてる方も多いのではないでしょうか。結構話題になりましたね。 2010 年 5 月 21 日 パックマン30周年! Google Doodle x PAC-MAN� & �1980 NAMCO BANDAI Games Inc. これは凄く話題になりましたね。画像をクリックしたら今でもちゃんと遊べます。iPhoneやi
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く