フォント管理や画像管理は、Eagleが便利すぎる！ WinとMacで同期もできる、ver.3の神アップデートでさらに使いやすく
私が愛用しているEagleが、ver.3に神アップデートしました！ Eagleは簡単に説明すると、素材を一元管理できるWin, Mac対応のアプリです。フォントや画像をはじめ、動画・音源・PDF・テキストなど、なんでも管理でき、Webページ上の画像や動画、スクリーンショットも簡単に撮影・管理できます。 ライセンスはサブスクではなく買い切り型、1ライセンスで2台までOK、しかもバージョンアップの追加料金なし。私はver.1から使用していますが、追加料金は一切なく、ver.2そして最新版のver.3にアップデートできました。 そして、朗報があります！ 前回紹介した時に好評だったので、なんと10％オフのクーポンを当ブログ限定で配布します。お試し期間もあるので、まずは無料で使用してみてください。 Eagle Eagle コリス限定10％オフのクーポン Eagleとは Eagle ver.3の神アッ
非エンジニアでも簡単にできる画像圧縮の方法。PNGとJPGの違いも解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
画像最適化に必要なサービスとツール まずは、Webブラウザ上で画像圧縮ができるサイトが色々あるなかで、コレ！ というサービス2つと、Macで使えるフリーソフトを紹介します。 Squoosh（Google） Squoosh JPG, PNG, WebPに変換が可能で、一枚一枚の画質を確認、調整しながら丁寧に変換できます。さらに画質やフィルタを設定する Edit という小窓の右上、[ >_ ] こんな感じのアイコンをクリックすると、設定した内容のCLIコマンドをコピーできます。 そのため、設定が決まったらコードをコピーしてコマンドラインで一気に変換なんてことも可能になります。素晴らしい。 「Commandとかは無理、だけど数十枚〜一括で変換したい」という方にとっては、一枚ずつしか変換できないというのは厳しいですよね。その場合はもう一つのサービスが使えます 以上、コマンドを叩くか、上記2サービス
フォントと画像の管理にはこれ！シンプルで使いやすい、WinMac両対応アプリ「Eagle」が神アップデート
以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag
WebP Converter.
WebPからPNGに、HEIC, PNG, JPG等様々な拡張子の画像からWebPへ一括で変換します。(WebP→JPEG変換はアプリ内課金で有効になります。) 画像にあなた独自の透かしを追加することも可能です。 # 簡単に利用可能 画像、画像が含まれるフォルダ、SafariなどのWebブラウザからドラッグドロップして変換ボタンをクリックするだけで変換可能です。 # 以下の拡張子をサポート HEIC, PNG, APNG, JPG, GIF, TIFF, DNG, EPS, PSD. その他にも: jp2, j2k, jpc, bmp, jbig, bie, pnm, pgm, pbm, mag. # 安全 すべての変換プロセスはオフラインで完結します。 インターネット上の変換サイトにあなたの大切な画像を渡す必要はありません。 # アプリ内課金 - Quality, Resize, Pre
MacのFinderでWebP画像を見れるようにしよう！｜WebP編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
健全なソースコードは健全な開発環境に宿る。こんにちは、フロントエンドのザワです。 私がWebPを扱い始めたのはここ最近の話です。JPG画像などを見るのと同じようにFinderを眺めていたとき気づきました。 FinderでWebPが見れないじゃないか！ そんな苦い経験から、WebP画像をFinderで見る方法をここに記すことにします。対応はものすごく簡単なので、「まだやってないよ」という方はぜひ試してみてください！ ではさっそく始めます！ LIG技術研究会って？ 日頃感じているWeb技術に関する疑問や不明な点を、研究員（LIG社員）がそれぞれのアプローチによって紐解いていく会。まだまだ謎が多い。 やってみよう！ 動作確認（Before） まずはFinderで画像を見た場合の正常動作を確認しましょう。 たとえばJPG画像をFinderで見ると、このように表示されると思います。 うん、ブルーライ
SVGアイコンを一か所でまとめて整理、管理できるデスクトップアプリ・「Iconset」
IconsetはSVGアイコンを一か所でまとめて整理、管理できるデスクトップアプリです MacアプリのIconJarと似たような感じでしょうか。フォルダを作ってセットで管理しつつ、アイコン単体にタグ付けする等して探しやすくする事が出来ます。一応、タグは何もせずともファイル名を元に自動で作成してくれるみたいです という訳で試しに使ってみました 動作テスト アイコンをセットしてみました。一括でドラッグ&ドロップすると自動でフォルダを作成してくれるので名前を付けるだけ 任意のアイコンを選択するとSVGのコードをコピーできるだけでなくBase64やData URI、JSX等としても使えるようにしてくれます IconJarと違い、無料で利用可能でMacだけでなくWindowsでも使う事が出来ます。アイコンを多く扱う方はお試しになってみては如何でしょうか メールアドレスやユーザー登録等も不要です。が、
Remove.bgからWin, Mac, Linux対応のアプリがリリース！複数画像の切り抜きもドラッグ＆ドロップでまとめてできる優れモノ
先日紹介した「Remove.bg」ついにPhotoshopに対応も便利でしたが、なんと今度は、Windows, macOS, Linux対応の無料アプリがリリースされました！ 単体アプリなので、ブラウザもPhotoshopも不要。しかも、複数の画像をドラッグ＆ドロップして、背景だけを画像から切り抜くこともできます。 写真: ぱくたそ 人物が2人でもできるかなと思いましたが、問題なくできました。食べかけの苺もキレイに残っています。 remove.bg Appの特徴 remove.bg Appのインストール remove.bg Appの使い方 remove.bg Appの特徴 remove.bg Appは、Windows, macOS, Linux対応のアプリです。 無料版と有料版があり、無料版は0.25メガピクセルの画像まで、月50枚まで、と制限があります。 ドラッグ＆ドロップによる背景の自
IconGenerator - iOS/macOS/watchOSなどのアイコン画像をまとめて生成 MOONGIFT
iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。 そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。 IconGeneratorの使い方 メイン画面です。ここにアイコン画像をドロップします。 ドロップしました。 Generateボタンを押すと、選択している環境に応じて画像をまとめて生成します。 IconGeneratorを使えばiOSやwatchOS、macOSなどの環境に合わせて必要なアイコンファイルを一気に生成してくれます。用意するのは最大解像度のものだけで済みます。アプリ開発者必携のソフトウェアでしょう。 IconGeneratorはElectron/JavaScri
WebPonize - 任意の画像をWebPフォーマットに変換
WebPはまだまだ一般化しない画像フォーマットですが、Googleが推しているだけあって注目度は高いです。画像サイズも大幅に軽減されるので、使ってみたいと思っている方は多いでしょう。 そんなWebP画像を簡単に作成できるのがWebPonizeです。既存の画像をドロップするだけでWebPに変換できます。 WebPonizeの使い方 メイン画面です。ここに画像をドロップします。 PNGの場合。サイズは72.5%になりました。 JPEGの場合はよくありません。逆に33.9%大きくなりました。 WebPonizeは画像フォーマットを問わずサイズが軽減できるのですが、写真の種類などによっては肥大化してしまう場合もあるようです。そういった点も含めてWebPonizeを使えば簡単に確かめられるでしょう。Androidアプリなどのリソース生成にも良さそうです。 WebPonizeはmacOS用のソフトウェ
カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir
カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。 カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
ターミナルに好きな画像を表示しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
アニメ「NEW GAME」良いですね。青葉ちゃんかわいい！ TKです。 今月もブログがんばるぞいっ⭐︎ さて、CLI使ってますか？ CLIになれるとターミナルに引きこもりたくなりますよね？ Vimなどを使いコーディングをしていると、画像を確認をするたびにわざわざFinderを開いて。。。という作業のためにターミナルから離れるのが億劫になってしまいます。 もしあなたがiTerm2を使っているのであれば、ターミナル上に画像を表示することが可能なんです！ imgcat imgcatはcatコマンドの画像版、つまり画像の内容を表示するコマンドです。 導入方法 下記コマンド実行後、パスが通っている場所へ移動させるだけです。 $ curl -O 'https://raw.githubusercontent.com/gnachman/iTerm2/master/tests/imgcat' $ chmod
アプリ紹介：重複画像を見つけて削除「Photos Duplicate Cleaner」
写真アプリのライブラリにも対応してたんですね！ライブラリからフォルダに書き出してしまってから、このアプリを見つけたので、今回はフォルダを指定してみます。 今回のこのフォルダ、かなりの量の写真が入っています。ちゃんと処理できるのだろうか。。 いや、だいーぶ時間はかかりましたが、ちゃんと処理している模様。2万以上の画像を確認中。 そして、結果がずらっと出ました。いやー、数が多い！ 7000件もの重複が見つかりました。お、意外と「ファイル名は違うけど、まったく同じ写真」ってのも見つけてますね。撮影日とファイルサイズが一致しているものは確実に見つけてくれてますね。 そして、この重複グループがリストできたら、これら左右のどちらかをマークしていかなければなりません。こりゃ、ひとつひとつ見てられんぞ。 と思ったら、どうやら、オートマークという機能があるようです。条件に従って、どちらかをマークしてくれると
遂に登場！Macの「写真」アプリの重複 ＆ よく似た画像を簡単に検索できるアプリ「Duplicate Photos Fixer Pro」 | iTea4.0
使い方は簡単です。まず「Duplicate Photos Fixer Pro」を起動し「Add Photos Library」ボタンを押して任意のライブラリを選択します。ライブラリを選択したら「Scan for Duplicates」をクリックしましょう。 「写真」アプリ内にある画像の枚数にもよりますが、1,000枚以上の写真があっても2〜3分くらいでスキャンが終わり、重複した画像もしくはよく似た画像のサムネイルがリストアップされるので「Auto Mark」ボタンをクリックします。 続けて「Continue」を選択します。 すると重複した画像のどちらかをアプリ側が自動的に選択してくれるので、特に削除しても問題がなければ「Trash Marked」ボタンをクリックします。 すると「写真」アプリ内のなかに「Duplicate Marked Photos」という名前のアルバムが作られ、そのアルバ
神アプリ！Macの重複ファイルを検索・削除してくれるアプリ「Gemini 2」 | iTea4.0
以前、当ブログでMac内の重複ファイルを検索・削除してくれるアプリ「Gemini」をご紹介しましたが、ついにバージョン2へ進化を遂げました！ ▼「Gemini 2」は既述の通り、MacのハードディスクやSSDの中に隠れた重複ファイルを検索し、スマートに削除してくれるアプリです。 ▼ユーザーが気付きにくい重複ファイルを簡単に見つけ出すことができ、重複ファイルを整理することで、Macのストレージの空き容量を増やすことができます。 ▼「Gemini 2」は重複ファイルだけではなく、類似したファイルの検索も可能となりました。 ▼また「写真」アプリや「iTunes」のライブラリ内にある写真や音楽の重複ファイルも検索することができます。 ▼さらに「Gemini 2」は学習機能が搭載されており、使えば使うほど賢くなっていくそうです。 「Gemini 2」の使い方 ▼使い方は簡単です。「Gemini 2」
10 High Quality Apple Device Mockup PSDs | SmashingApps.com
Mockups are designated to give a demonstration of actual full-scale output before it has been created to let clients check over the output. It is commonly used in automotive designing, system and software engineering, and consumer goods. Mockups not only save designers’ time but also let them communicate their ideas more effectively with the clients. In this post, we are specifically presenting Ap
Free Download: Elegant Vector Kit | Webdesigner Depot
The Elegant Vector Kit is a set of beautifully rendered workspace elements, designed by Nasti Funny. Great for creating hero images, and desktop illustrations, many of the elements are also useful for design mockups. The set includes 60 workspace elements, ranging from coffee cups to Apple watches. The tech on offer looks like an incredible Christmas stocking for some lucky designer, included are:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料の魔法陣のフリー素材！ クリックするだけで、魔法陣を無限に生成できるジェネレーター -daisy bell
これでもうモックアップ素材に困らない！スマホ、タブレット、デスクトップほとんどすべてのデバイスが揃ってる -Devices
これ一つで全部OK！SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus
Win, Mac対応、デスクトップでもブラウザでも動作するベクターでイラスト・デザインができる無料アプリ -Vectr
