見た目のクオリティはそのままで、SVGファイルを大幅に軽量化する便利ツール -SVGO GUI
当ブログでも最近、SVGの素材を紹介することが多くなりました。そんなSVGファイルから不要なデータを取り除いて軽量化するアプリを紹介します。 ↓は、今日紹介したアイコンのSVGを軽量化したものです。 ほとんどのファイルが50%以上軽量化されました。 SVGO GUI SVGO GUIは、Node.jsベースのSVG軽量化ツール「SVGO」をGUIで操作できるようにしたもので、Windows用とMac用が揃っています。 使い方は非常に簡単で、Mac用で説明します。 ダウンロードしたSVGO GUIをダブルクリックして、起動します。 SVGO GUIの起動画面 あとは、このパネルにSVGファイルをドラッグするだけでOK！ ※軽量化は元ファイルに上書きするため、元ファイルが必要な時はファイルをコピーしてから利用してください。 SVGファイルの軽量化、完了！ 軽量化しても、グラフィックのクオリティ
無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」
アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
JPEG画像をさらに10％圧縮してページ表示を高速化する「mozjpeg」
By JoshArdle Photography 既存の多くのデコーダーと互換性を保ちながら、従来よりもJPEG画像のファイルサイズを削減できるエンコーダーを開発する「mozjpeg」プロジェクトをFirefoxやThunderbirdなどを開発するMozillaが開始したことが発表されました。 Introducing the ‘mozjpeg’ Project | Mozilla Research https://blog.mozilla.org/research/2014/03/05/introducing-the-mozjpeg-project/ JPEGは1992年頃から使用されている画像ファイル形式で、非常に長い間、ウェブ上で最もよく使用されている画像形式でした。そして、現在もウェブ上に存在する写真の多くはJPEG形式のものです。JPEG形式は元画像を変換して圧縮する割合に応じて
データを圧縮転送してChromeを高速化する拡張機能「Data Compression Proxy」
AndroidとiOS版のChromeにはSPDYプロトコルですべてのHTTPトラフィックをGoogleのサーバーに転送することで、データ使用量を最大で50％削減してウェブブラウジングを高速化できる「データ圧縮と帯域幅管理機能」が備わっています。この帯域幅管理機能をPC版Chromeでも使えるようにして高速ブラウジングを実現するChrome拡張機能が「Data Compression Proxy」です。 Chrome ウェブストア - Data Compression Proxy https://chrome.google.com/webstore/detail/data-compression-proxy/ajfiodhbiellfpcjjedhmmmpeeaebmep インストールするには「無料」をクリック。 「追加」をクリック。 すると画面右上に緑色のマークが出現しており、アイコンを
PDFのファイルサイズを小さくする方法
PDFのファイルサイズを縮小する方法を紹介します。 注：数値はイメージです １．問題点 Illustratorなどで作成したデータをPDF形式で保存すると、数十MBのサイズになることがあります。 ということで、PDFのファイルサイズを縮小する方法をいくつか紹介します。 Illustratorで作成したファイルであればIllustrator自体で最適化できるようですが、他のソフトで作成したPDFに対しても適用できる方法として、ここではAdobe ReaderやAdobe Acrobatなどを使ってみます。 サンプルとして、2087KBのPDFファイルを使います。元ファイルの内容によって縮小効果は異なると思われますので予めご了承ください。 ２．Adobe Reader/Adobe Acrobatで名前を付けて保存する PDFファイルを別名で保存することで、ファイルのサイズが縮小される場合があり
多言語化プラグインWPMLとW3 Total CacheでCSSが適用されない
This post is also available in: English-US (英語) 多言語化プラグインWPMLを使っているのですが、日本語だと正常にCSSが適用されているのに、英語言語版に切り替えるとCSSが一切適用されなくなってしまっていました。 本記事はその時の対策メモです。 WPML使って多言語化したらCSSが適用されない。原因はW3 Total CacheのMinify。 HTMLソース(画面右クリック＞ページのソースを表示)を見て確認するとCSSの参照URIが、日本語表示だと https://www.amelt.net/Minify済みのCSSのディレクトリ で表示されているのに、WPMLで英語言語版にすると https://www.amelt.net/en//https://www.amelt.net/Minify済みのCSSのディレクトリ になっていました。 CS
無料でPNGファイルを最大70％圧縮してファイルサイズを減らす「TinyPNG」
PNGファイルをブラウザにドラッグ＆ドロップするだけで画像を最大70％まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ：549KB フォルダーのアイコン：52KB
無料で画像のファイルサイズを減らして軽量化してくれる「Kraken.io」
ウェブサイトを作成する際、転送料金のかかるサーバでは転送量を減らすためにファイルの圧縮は重要で、閲覧者にとってもファイル容量が減れば読込速度がアップするわけですが、ブラウザ上でファイルを複数選択してアップロードするだけであっという間にファイルサイズを減らしてくれるサービスが「Kraken.io」です。 Web Interface · Kraken.io https://kraken.io/web-interface 画像を圧縮する際はまず、ファイルをアップロードするかURLを貼り付けるかを選択、不可逆圧縮か否かを選択後、ファイルをPC上から選択するかブラウザ上にドラッグ＆ドロップします。今回はファイルを選択してアップロード。 ファイルは複数選択が可能ですが、ファイル1つにつき1MBまでという制限があります。 しばらくすると、選択した複数ファイルがアップロードされ、圧縮された結果が表示されま
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Windows対応のSassとかのフリーのコンパイラ
気付いたら、三ヶ月更新なし・・・(；´Д｀) 最近は、Sassの勉強をやり直したりなんやかんやと過ごしてたり、ねこブログなんぞ始めたりしてました。 良ければ見てください！＞＜ ねこねこキューブ ～ スコティッシュフォールド『アル＆イブ』の今日この頃。 さて、今回はSassをコンパイルしてくれるGUIツールをちょっとご紹介。 以前、Scoutってのを紹介しましたが、こちらは最近更新がされてないってのも有りまして、Windowsで使い勝手良い他のコンパイラを紹介出来ればと。 Windowsで使えるってのが大事です。ボクはWindowsな人なので。 Koala 一つ目は、Koala と言うコンパイラで、更新頻度も高い感じでRubyさえインストールされていれば、すぐに使えます。 このコンパイラは、次のアップデートでほぼ確実に日本語対応が決定してます。 また、動作もかなり軽い感じで、相当使い勝手が良
身につけておきたいWebサイト高速化テクニック #4｜最適な画像書き出しの基本 | DevelopersIO
みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W
指定した画像のファイルサイズを激減できるサービス「Compress PNG images」 : 二十歳街道まっしぐら
Compress PNG imagesはPNGイメージを高圧縮できるサービスです。 画像に利用する色の数を減らすことでファイルサイズを圧縮できます。 ある程度色を減らしても見た目あんまり変わらなかったりします。 PNG画像のファイルサイズを減らしたいときにどうぞ。 JPG, GIFなどの画像を選択すると、PNG化してさらに圧縮してくれます。 以下に使ってみた様子を載せておきます。 まず「Compress PNG images」にアクセスしましょう。 まず圧縮させたい画像を選択しましょう。 画像ファイルならJPG, GIF, BMPでもOKです。（出力はPNGになります） 読み込んだ画像を圧縮させます。 利用する色の数を減らしていくことでファイルサイズがぐんぐん減っていきます。 ちょうどいいなと思った所で「COMPRESS」ボタンを押して、圧縮された画像をダウンロードしましょう。 画像のファ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
