グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ 『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。 このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
WebP（ウェッピー）という画像形式をご存知でしょうか？ 長い間、webの静止画は大部分がJPEG/GIF/PNGのいずれかでした。WebPはこのすべてを置き換えることができる次世代のフォーマットです。2020年9月リリースのiOS 14がWebPをサポートしたことで、主要なモダンブラウザーの足並みがようやく揃いました。 この記事では、新しい技術の恩恵を最大限に受けつつ、変わり続ける画像形式に対応していくための最適解を探ります。 ※ この記事の初版は2020年10月の公開ですが、各ブラウザーの対応状況等は2022年11月に最新の内容に更新しています。 SafariがWebPをサポート。フォーマット戦争ついに終結か？ 2020年現在、webで主流の画像形式はJPEG/GIF/PNGの3つでしょう。 2006年リリースのIE7で透過PNGがサポートされたことで、静止画に関しては「写真のJPEG
はてなブログで記事を投稿する時のSEO対策まとめです。 ひと手間かけるだけでSEOに強い記事にすることができます。はてなブログは元々SEOが強いです。それでもやらないと損な簡単にできるSEO対策を紹介します。 はてなブログProで強いSEO効果が得られる設定方法についても解説します。 はてなブログの見出しをH2タグから始めるSEO対策 はてなブログの見出しがH3タグから始まる問題 はてなブログの3種類の記法（モード） マークダウン記法の書き方 見出しのデザインをCSSでカスタマイズする方法 キーワードを入れた見出しを書くことによるSEO効果 キーワードを入れた見出しのつけ方 アウトラインプロセッサーで階層構造を考えて書く 秀丸エディタのアウトライン機能の設定方法 目次を設定する 目次を設定するメリット Pandocを用いた目次作成 カスタムURLを設定するSEO対策 カスタムURLのメリッ
2019年も残すところわずかとなり、今年もWeb制作を快適にするオンラインツールがたくさん公開されました。 この記事では、今年紹介したツールのなかでも特に話題になった2019年の便利オンラインツールベスト85個をまとめてご紹介します。 実際に制作フローに取り入れて便利だったツールを選りすぐったこのコレクションには、「無料で利用できることを基本としたツール」を揃えています。これらのツールやサービスを活用して、より快適なWeb制作ライフを過ごしましょう。 2019年に登場した最新オンラインツール一覧 以下は、2019年にかけて当サイトで紹介した、ウェブ制作が捗る便利ツール一覧となります。今回未紹介のツールが中心となっているので、こちらも一度目を通しておくことをオススメします。 ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ ウェブデザイン制作が加速中！便利な最新オンラインツ
ゲームをリマスターする時の“小さい2D素材”はどうすればいいの？圧縮ソフトだったはずがリマスター手法として人気が出てきたImageStudioの現在地 - AUTOMATON
ＣＲＩ・ミドルウェアから発売されている「OPTPiX ImageStudio ®8」。画像の軽量化などに使う画像最適化ツールとして、長きにわたり愛されてきた。その「OPTPiX ImageStudio 8」（以下、ImageStudio 8）はどうやら最近、最適化以外の分野で重宝されているという。現在重宝されているのは、素材のリマスターだ。 同ソフトでは現在、リマスター機能が搭載されている。機械学習のリマスター機能によって、高精細なHD化画像を自動で生成可能となっている。この超解像度と呼ばれる機能は、どのような仕組みなのか。あるいは、導入においてどのような使われ方をしているのか。ＣＲＩ・ミドルウェアのスタッフに話をうかがった。実際の使用事例をまじえて、「ImageStudio 8」の現在地をお伝えする。 OPTPiX ImageStudio 8の詳細はこちら 問い合わせはこちらから 14日
進化を遂げた2019年最新版のV5系リサイズ超簡単Proのインストール方法と使い方を説明します。最新版はダウンロードサイトがVectorから変更になりました。 リサイズ超簡単Proは画像サイズを一括変更できる無料ソフトです。 Windows10、8、7、Vistaで使うことができます。 一括変更だけでなくファイル名に末尾文字を付加したり、容量を圧縮するために画像品質を調整したりと「多彩な設定が超簡単にできる」お勧めのソフトウェアです。 リサイズ超簡単Proとは V5系リサイズ超簡単Proの機能 リサイズ超簡単Proのインストール方法 Vectorからのメジャーバージョンのインストール マイナーバージョンは別サイトからダウンロードしてインストール インストール実行手順 リサイズ超簡単Proの使い方 フリーの画像素材サイトから材料を仕入れる 変換元ファイルの指定 保存先の設定 一括変換後の画像
こんにちは、Webデザイナーのまっつーです。 フォトショ(Photoshop)のスーパー解像度の使い方について、実際の画像をお見せしながらわかりやすく紹介していきます。 この記事を読めば「提供された画像の画質が悪い…」「古い写真を使いたいが画質が悪い…」といった悩みが解決できます。 Photoshopのスーパー解像度とは 「スーパー解像度」とは一言でいうと、AIの技術で画像の解像度（画質）を格段にあげることできる機能です。 2021年Adobe Camera Raw v.13.2に追加された新しい機能で、Adobe Senseiという人工知能のAIが細部を自動的に補完し鮮明な画像に処理してくれます。（似ている機能で「ディテールを保持2.0」というものがありますが、期待できる効果は「スーパー解像度」の方が高くなります。） この機能を使うと画像の解像度は縦横それぞれ2倍のサイズになり、全体の解
保存版: Web画像フォーマットを「正しく」扱う（1）ピクセルとDPRを完全理解する（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Images done right: Web graphics, good to the last byte — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2019/10/07 著者: Polina Gurtovaya、Rita Klubochkina、Andy Barnov サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語タイトルは内容に即したものにしました。画像はすべて元記事からの引用です。記事が長いので4分割し、章立てを浅くしました。記事の表示が重くならないよう、原文と同様に画像にloading="lazy"を指
【SEO対策】画像形式WebPでデータを軽減し、検索順位を上げよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そのなかでもみなさんが気になっているのはWebP（JPEGやPNG、GIFの各利点と高い圧縮率を兼ね備えた静止画像フォーマット）対応だと思います。実装にはいくつか方法があるのですが、まずどうやってWebP形式の圧縮画像を作ればいいのか。 一つひとつの画像を圧縮・WebP変換するにはGoogle謹製の画像処理サービス Squoosh がおすすめです、という話を前回させていただきました。しかし、このサービスの難点は、複数画像の一括処理がブラウザ上ではできないこと。 そう、「ブラウザ上では」。 コマンドライン版Squoosh 実はSquooshはコマンドライン版というものが存在します。というかむしろこっちが本命だと思われます。ちなみに今回の内容も非エンジニア向けなので、CLI（コマンドラインインターフェイス）と呼ばれるあの黒い画面にアレルギーが発症しない方はぜひトライしていただきたいです。 利用
Gerald Undoneがα7S IIIを徹底解析 （発表会を見ただけではわからない情報満載） - cinemagear 映像制作機材info
よろしければ、僕のTwitterのフォローにご協力くださいませ。記事の更新のたびに呟いております！ 先日、キャノンのEOS R5のオーバーーヒートの情報を詳細に報告していたGerald Undoneは実はソニーからもレビュー用の試作機を送ってもらっていたみたいです。 いいですね。 この二台を同時に発表前からレビューしてた人って他にいるのでしょうか？ www.cinemagear.jp さて、今回、彼がα7S IIIの詳細なテストを行い、スペックシートではわからないことを詳細に教えてくれてますので、まとめてみました。 目次 ボディに関して: 1:16秒くらいから オートフォーカスについて:2:25秒あたりから ボディに関して Part 2: 5:05秒あたりから ALL-I オールイントラ録画機能と編集時の柔軟性: 7:50秒あたりから バッテリー/電源供給に関して: 10:00くらいから
CloudflareのImage Resizingを使ってサクッと画像最適化をする方法 - SMARTCAMP Engineer Blog
スマートキャンプ、エンジニアの入山です。 皆さんが運営されているWebサイトには、画像が何枚使われていますか？ また、その画像たちは最適化（表示領域に対して画像のサイズや画質が適切に設定）されていますか？ Webページの評価基準としてCore Web Vitals（CWV）が重要視されている昨今においては、表示速度（Performance）と向き合う機会が増え、配信する画像のサイズや画質にも気を配る必要が出てきました。 しかし、Webサイト上に数多く存在する画像を自前で最適な状態に管理して配信するのは簡単ではないため、対応できていないケースも多いのではないでしょうか。 弊社も画像の最適化には長らく対応できていない状況でしたが、CDNの機能を活用することで比較的簡単に改善できました。 本記事では、CDN（Cloudflare）での画像最適化（Image Resizing）について、紹介したい
200冊の参考書を電子化した僕の自炊・PDF管理ワークフロー
書籍の「自炊」とは、市販の紙の書籍を自分で裁断し、scansnapなどのドキュメントスキャナでPDFや画像形式に変換することで、電子書籍化してしまう作業のことです。 自宅にある大量の漫画や小説、参考書、技術書などをスキャンすれば、大幅にスペースを節約することができ、しかも本の劣化を防ぐことができます。 iPadやKindle FireなどのタブレットでこれらのPDFを持ち歩けば、持ち歩きたいのが分厚く重い本であっても、荷物を大幅に減らすことができ最高です。 そんな自炊の魅力に取り憑かれ、過去1年間で、数学や統計学の参考書を中心に大量にスキャン作業を行ってきた僕が、ワークフローやスキャナーの設定、またPDFの管理方法をまとめます。 まずは裁断！裁断機買うよりキンコーズに持って行こう 自炊作業は、本を買ってきて、専用の裁断機で断裁し、バラバラの紙にしてからスキャナーに突っ込む必要があります。
ブログの困りごと（１）画像 圧縮〜無料ソフト「Photopea」、「Squoosh」、「あっしゅくま」 - 困りもん暮らしメモ
スナックえんどうの種 2022.11.26 一部訂正・追記しました（赤文字部分です） ブログを始めて、１年半ほど経ちました。 最初は分からないことだらけでも、続けているうちに解消していけるんだろうと思っていました。 でも今、むしろ、困りごとが増えていってます…。 検索の仕方が下手なのか、解答になるような記事を見つけることができないので、自分が困っていることについて記事にしてみることにしました。 今回は、画像（主に写真）の圧縮についてです。 自分が使っているソフトや方法の紹介と、質問のような内容です。 すみません、まとまりがないです…。 ブログに載せる画像の圧縮・私の場合 元画像と比較しながら圧縮できる無料の画像編集Webソフト「Photopea」 無料で高性能・Google開発の画像圧縮Webソフト「Squoosh」 無料&一括圧縮もできるWebソフト「あっしゅくま」 終わりに ブログに
はてなブロガーの皆さん、ページの表示速度を気にしたことはありますか？ 自分のブログを見る時の表示速度が速いからと言って安心はできません。というのも、一度開いたことがあるページのデータは記録されており、すばやく表示できるようになっているからです。 初めてアクセスする人の表示速度はPageSpeed Insightsで計測できます。皆さんのブログで、画像を多く使っている記事のURLを入力してみてください。 赤色(0~49)は低速、黄色(50~89)は普通、緑色(90~100)は高速です。(厳密には単なる速度のスコアではありませんが、速度のスコアと思っていただいて大丈夫です) モバイル(スマホ)とパソコンの数値を比較してみると、特にモバイルの数値が低い方が多いと思います。 私のブログだと、画像を40枚以上使っているPowerPoint(パワーポイント)でブログの画像を編集するテクニックのページで
本製品をご利用いただくにあたり、SHA-2コード署名に対応している必要があります。 お持ちのWindows 7が SHA-2対応しているか検査できるツール を無償配布しておりますのでご購入前にご確認ください。 （Microsoftから提供されているWindows Updateにて無償でSHA-2対応することが可能です。 ※Windows 7は既にサポート終了しているため、予告なく提供が終了される可能性があります） PCに「抗生物質」型セキュリティを提唱！ フォーエバーセキュリティは抜本的なウィルスの感染防止機能を提供します。 まさにパソコンに抗生物質を投与します。 ■CPUが持つアンチウィルス機能DEPを100%開放 CPUには標準でDEP(Data Execution Prevention)というセキュリティ機能を備えています。 フォーエバーセキュリティは、工場出荷状態で半開状態のこの機
Qiita初投稿で至らない点もあるかと思いますので、何かあればコメントにお願いします🙇♂️ はじめに 色々ソフトを漁るのが好きなのですが、おすすめソフト紹介を見てみてもMacのソフトばかりで、Windowsだったとしてもメジャーなソフトを紹介している人が多いなぁって思ったので備忘録がてら軽く紹介していこうと思います。 もしも他にもおすすめのソフトがあれば教えて頂けると嬉しいです！ 一部機能制限版を紹介しているものもありますが基本的にフリーソフトです。 タイトルにマイナー寄りと銘打ったものの社内向けに書いた資料がもとになっているのでメジャーなものも入っています。 また、おすすめ度の判定に業務に使えるかっていう視点が強く出ているのでその辺ご了承下さい。 wingetのIDが記載されているソフトは winget install -e --id <ID> のコマンドでインストールすることも可能
右クリックの重要性 開発を進めていく上で、右クリックはちょっとした機会に役立ちます。「今ここにあるファイルを分析したい！/ 編集したい！！」と思い立っても、ソフトを起動させてから、そのファイルを開くためにもう一度探すのは手間です。 そこで、右クリックです。右クリックを使えば、クリック1つですぐにソフトにそのファイルを読み込ませることができます。 こちらに、コンテキストメニュー (右クリックメニュー) の、編集用マニュアルをご用意しました。右クリックの奥深さを覗き見ながら、ぜひとも「自分だけの右クリック」でストレスのない開発を。 ※注意 コンテキストメニューの編集には、レジストリ操作が伴います。レジストリエディタでの誤操作は、最悪の場合、WindowsOSの再インストールを伴う大規模なデータ破損を招く恐れがあります。この記事の情報をもとに行われたあらゆる操作において、こちらでは一切の責任を負
アイキャッチ画像の作成方法について、基礎的な知識含めデザインのコツを紹介しています。アイキャッチ作成だけでなく、色々なデザインレイアウトにも活かせる内容になっています。 記事の顔にもなるアイキャッチ画像。一番重要なのはもちろん記事の内容ではありますが、アイキャッチ画像も読みたいと思わせる重要なポイントです。 アイキャッチ画像が魅力的だと、読み手の目を惹き、見にきてくれる人も増えることでしょう。 しかし、なかなかしっくりくるアイキャッチ画像が作れず、作成に意外と時間がかかってしまったなんてこともあるかと思います。クラスメソッド社内でも、アイキャッチ画像を作る時のポイントが知りたい！という声がありましたので、アイキャッチ画像の作成方法についてまとめます！ 今回は初心者デザイナーに向けて、アイキャッチ画像を作成する上で最低限意識すべきことにフォーカスします。上級テクニックではありませんので、基本
画像圧縮ツール あっしゅくま
「あっしゅくま」はJPEGやPNGの画像を軽量化するブラウザ上で使えるフリーの画像圧縮ツールです。ローカルで圧縮するためオフラインで通信容量やプライバシーを気にする方にもおすすめ。複数の画像を一括で圧縮・リサイズ。無劣化圧縮、非可逆圧縮などの圧縮の強さの調整も簡単。
ウェブ上で使用する画像を最適化するコツ（パフォーマンス改善）
画像をフォーマットする利点 パフォーマンス観点でのWeb用の画像最適化について 利用可能なWordPressの画像最適化プラグイン 画像最適化のケーススタディ 他の画像フォーマットと合わせてSVGを使用する 画像を使用する際のベストプラクティス 画像をフォーマットする利点 画像をフォーマットすることはなぜ必要でしょうか？利点は何でしょうか？パフォーマンスの観点での画像の最適化には利点が多いです。HTTP Archiveによると、2018年11月の時点で、画像はウェブページの全体的なページの重さの平均21％を占めています。したがって、WordPressウェブサイトを最適化する際に、ビデオの次に画像を最適化しましょう。 スクリプトとフォントよりも重要です。皮肉なことに、画像最適化は最もしやすい仕事の一つである一方、ウェブサイト所有者の多くはこれを見逃しています。 1ページあたりの平均バイト数（
はじめに イラストや写真をつなぎ合わせて、動きのある簡単なアニメーション動画を作成したい！ アニメーションで見せたいけどデータが重いと大変。。 といったとき、 Photoshopなら簡単なステップをふむだけでGIFという軽くて動きのあるアニメーション動画をつくることができます。 今回はPhotoshopをつかってGIF動画を作る方法をご紹介していきたいと思います。 GIFとは Graphics Interchange Format（グラフィックス・インターチェンジ・フォーマット、略称GIF）とはCompuServeのPICSフォーラムで提唱された画像ファイルフォーマットの一つ。LZW特許を使用した画像圧縮が可能。一般的に用いられている拡張子は.gif。 GIFは256色以下の画像を扱うことができる可逆圧縮形式のファイルフォーマットである。圧縮画像ファイルフォーマットでは歴史の長いもののひと
クライアントからWEBサイト制作の依頼を受ける立場。 自社内にデザイナーがいるためデザインは出来るが、コーディング出来る人がいないため、外注に依頼したい。 もしくは、デザイン・コーディング両方を内政化しているが、リソースが足りないためさばき切れない案件を外注に依頼したい。 以上のように、クライアント直請けではなく制作会社を挟んだ二次受けになる事が多いです。 デザインスキルもあり、WEBサイト制作を一気通貫で行える人であれば、クライアントさんから直請けしやすいでしょうし、仕事の幅も一気に増えると思います。 自分の場合は、凝ったデザインで無かったり既存サイトの改修であれば、クライアントさんから直請けする事もありますが、デザインセンスが壊滅的にないので、基本デザインは行っていません。。 STEP0：制作環境について 制作フローの話の前に、マークアップエンジニアとして案件をこなすために準備しておき
画像の圧縮・縮小ができる 読み込み可能：画像全般 出力可能：JPEG/PNG/WebP/AVIF 設定項目が豊富 分かりやすいUI。 変換する前に、変換前と変換後をチェックできる 高速に動作する（WebAssemblyという技術を使用しているため） オフラインでも使用できる（サービスワーカーという技術を使用しているため） コマンドラインからも使用できる 一言でいうと「神みたいな画像圧縮ツール」です。 正直、ほかの画像圧縮ツールの存在価値がなくなってしまうのでは･･･？と心配するレベル。 個人的に「良いな」と思うポイントはPNGの圧縮（色数を減らす、ディザ）もできる点です。これができる圧縮ツールは中々ないんですよねー。 今までは TynyPNG Screenpresso のPNG圧縮機能を使っていたのですが、今はSquooshに一本化しました。 あとWebPやAVIF（！）に対応してる点も素
Rails 6.0の注目ポイント: Action Mailbox Action Text 並列テスト Action Cableのテスト支援 本リリースノートでは、主要な変更についてのみ説明します。多数のバグ修正および変更点については、GitHubのRailsリポジトリにある各コミットのchangelogを参照してください。 1 Rails 6.0へのアップグレード 既存のアプリケーションをアップグレードするのであれば、その前に質のよいテストカバレッジを用意するのはよい考えです。アプリケーションがRails 5.2までアップグレードされていない場合は先にそれを完了し、アプリケーションが正常に動作することを十分確認してからRails 6.0にアップデートしてください。アップグレードの注意点などについてはRailsアップグレードガイドを参照してください。 2 主要な機能 2.1 Action M
こんにちは、デザイナーの花ちゃんです！ 7月にFigmaの日本語版がリリースされて、より使いやすく身近なツールになりましたよね！ この機会にちょっと試してみようかな〜🤔と思った方も多いのではないでしょうか？ Figmaには、作業を効率的に行うためのプラグインがたくさんあります。でも逆に種類が豊富すぎて、なにを選んでいいのかわからない！ なんてことも……。 今回はそんな方のために、複数のデザイナーさんに聞いた、「スタメンのFigmaプラグイン」を用途別にご紹介します！ 迷ったときは、ぜひこの記事を参考にしていただけると嬉しいです！ Figmaプラグインの入れ方 Figmaのプラグインとは、Figmaに追加できる拡張機能のことです。デベロッパーやユーザーさんが自分で作ったものをコミュニティに公開してくれています。本当にありがたい……。 プラグインがなくてもデザインの制作は可能ですが、「これが
なんJLLM部 避難所
0001名無しさん＠ピンキー 転載ダメ (ﾜｯﾁｮｲ e249-iArR)2023/12/17(日) 21:48:59.66ID:???0 !extend::vvvvv:1000:512 !extend::vvvvv:1000:512 AIに色々なことをしゃべってもらうんやで そこそこのデスクトップPC（できれば＋3060 12GB以上）でもなんぼか楽しめるで 自薦・他薦のモデルやツールは>>2以降 本スレ なんJLLM部 ★6 https://fate.5ch.net/test/read.cgi/liveuranus/1701542705/ VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured 0002名無しさん＠ピンキー (ﾜｯﾁｮｲ e249-iArR)2023/12/17(日) 21:50:26.11ID:???0 初心
サイトマップ
金子研究室ホームページサイトマップ． 金子研究室ホームページでは，約2000ページを公開している．ページは，データベース関連技術，データの扱い，インストール，設定，利用，プログラミング，サポートページ，連絡先，業績に分けて構成している．サイトマップでは，ホームページ内の全てのページについてのサイトマップを示している． 【サイト構成】 人工知能 ３次元，地図 プログラミング 情報工学全般 インストール データ処理 支援 連絡先，業績など 金子邦彦研究室 ▶ サイトマップ ▶ サイト内検索 ▶ アクセスログ（直近28日分）, Google Search Console ▶ まとめページ（目次ページ） ▶ 人工知能応用，データ応用，３次元のまとめ ▶ Windows のまとめ ▶ Ubuntu の使い方 ▶ Python のまとめ（Google Colaboratory を含む） ▶ C/C++
【スコア30→94点】重いワードプレスを高速化する効果抜群プラグイン4つとテクニック | Let's Hack Tech
ワードプレスが遅い！ 一言でワードプレスが遅いと言っても、たくさんの要因が考えられます。個別のサイトの何が遅いかという特定は、見てみないと何とも言えないところがあります。 ざっくり要因としてあげるとしたら、 重たいデータ 重たい処理 この二つのどちらかです。 ちょっと当たり前の事ドヤ顔で言ってみましたが、ワードプレスが重い！と言う方はどっちかが出来ていないワケです。 かなり長いんで、全部読むのがめんどくさい方は目次から特定の項目にスキップどうぞ。 表示の遅いサイトは何がヤバい？ 「そりゃ、遅いより早いほうがイイに決まってるけど、具体的に何がヤバいの？」 ってところは気になりますよね。 UXの低下 UXってのは、ユーザーエクスペリエンス。 要するに、体験の事です。 ちょっと古い記事ですが。 操作開始時間が1秒のサイトと3秒のサイトを比較しても、3秒のサイトは1秒のサイトに比べ、ページビューが
ブログ掲載で面倒なスマホ写真のリサイズをえっ？と思うほど秒速で終わるRalpha Image Resizer - 50代で子育て専業主夫になった私の日記
スマホの写真はきれいだけどファイル容量がでかい！ ブログに載せる度に必要なリサイズが手間 一気にまとめてリサイズーRalpha Image Resizer Ralpha Image Resizerをダウンロード 圧縮ファイルを解凍展開 Ralpha Image Resizerを起動させてみる 早速、ファイルをまとめてリサイズ まとめ スマホの写真はきれいだけどファイル容量がでかい！ ブログを書く時って、やっぱり写真を載せますよね。 その写真は、スマホでパシャパシャ撮ったものを使うことが多いと思うのですが、最近のスマホは、非常にきれいな反面、画像ファイルのサイズがメガサイズっていうことも結構あると思います。 スマホで撮った写真をそのままブログに載せて、いざそのブログを見ると、記事が表示されるのに時間がかかる、動作が何か重たいといったことはないでしょうか？ ブログに掲載する画像ファイルの適正サ
'; collapsItems['collapsArch-2024-2:2'] = ' 米国国債の利回り変化と国債価格の値動きを調べてみた'; collapsItems['collapsArch-2023-12:2'] = ' DeepLによるHTML翻訳でタグが正しく取り扱われるか？'; collapsItems['collapsArch-2023-11:2'] = ' 骨抜き加速？ 電子取引データ保存制度'; collapsItems['collapsArch-2023-10:2'] = ' Wordでマニュアルを執筆してWebマニュアルを作る 10月24日16時より電子取引データ保存についてのウェビナーを開催します。'; collapsItems['collapsArch-2023-9:2'] = ' 日本に残っている「紙と電子の間」のベルリンの壁を壊せ [XSL-FO試行錯誤]索引
要約： 次世代画像フォーマットWEBPは、SEO対策のメリットが多数ある。 Googleの基本コンセプトを理解した上で、いいものを選択していく力をつける。 ブラウザの負荷対策として適切なフォーマットと適切なサイズで画像設置する。 次世代フォーマットWebP Google PageSpeed Insightsのチェック項目に【次世代フォーマットでの画像の配信】がアラートとして追加されてからしばらく経ちました。 しかしながら、未だにjpegやpngフォーマットのみを使用し続けているサイトが多くあります。 対象URLを調査すると、サイトに掲載されている画像が、正常に次世代フォーマット化されている場合は以下のように「合格した検査」として表示されます。 つまり、WebPを用いてサイトを作ることをGoogleは推奨していることから、SEO効果も高いことが伺えます。 合格した検査 WebP対応は難しくな
TeX2img配布サイト
TeX2img 多機能な LaTeX ソース画像変換ツール （macOS / Windows 両対応オープンソースソフトウェア） TeX2img とは？ 入力したTeXソースコードをTeXでコンパイルして，様々な形式の画像で出力するアプリケーションです。macOS 版と Windows 版の両方があります。 出力した画像ファイルは Word / Excel / PowerPoint や，Illustrator / InDesign，および Pages / Numbers / Keynote などに貼り付けて利用することができます。 ■ ベクター画像形式 ●EPS ファイル（フォントをアウトライン化） ●PDF ファイル（フォントをアウトライン化 または テキストを保持） ●SVG ファイル（フォントをアウトライン化 かつ テキスト保持も可能） ●SMIL を利用したSVGによるベクターグラ
Photo No.401 / File Size Changer（練習・試作品） - アラフィフいろいろありすぎ
Leica M4 + FUJINON L 5cm F2.8 こんばんは、今日も一日お疲れ様でした 今日は一日中HSP（Hot Soup Processor）で遊んだ 集中したおかげで 今日の振り返り 今日は一日中HSP（Hot Soup Processor）で遊んだ 起きたら8時半をちょっと過ぎたくらいでした。それから洗濯をして、その合間にちょっとだけウォーキング 帰ってきたら洗濯が終わっていたので干して、そこからずーっとHSPプログラミングで遊んで？ いました 結局、半日もかけて、簡単なソフトをひとつ作りました（練習で作った試作品） 「File Size Changer」というソフトです。JPEG画像をドラッグアンドドロップで放り込んで、一括でサイズ変更します 例えば長辺が5400ピクセルの写真を長辺2000ピクセルの写真にしたい、なんて作業をやるソフトです。200行以下のコードで出来ま
公式ツールのcwebp/dwebpをインストールcwebp/dwebpは直接公式サイトからダウンロードする方法もありますが、Macを使っている方なら以下の方法で簡単にインストールできます。 brew install webpインストールが完了したらバージョン確認してみてください。 cwebp -versionバージョンが表示されれば、インストール完了です。 cwebp/dwebpの使い方cwebpとdwebpの使い方も簡単にご紹介します。 WebP形式からPNG形式に変換する場合はdwebpを使います。使い方は以下になります。 dwebp image.webp -o image.pngdwebp [WebP形式ファイル指定] -o [変換後のPNG形式 or PPM形式ファイル名] PNG、JPG形式をWebP形式に変換する場合はcwebpを使います。以下の方法で使います。 cwebp i
スチル撮影したRAWデータは非圧縮データなので容量が大きく、ちょっとした確認などのデータ転送には不便ですよね。 枚数が多ければ、一枚ずつ変換するにも時間がかかります。 そこで、Photoshopを使って一括で容量の軽いjpegに変換する方法をご紹介します。 RAWデータをjpegに変換する方法 Photoshopを開く フォトショップを開いて、ホーム画面にいきます。 RAWデータを変換する ファイル→スクリプト→イメージプロセッサをクリックする。 jpegの設定をする ポップアップからRAWデータやjpegの設定を行います。 RAWデータの入っているフォルダを選択します。 保存先のフォルダを選択します。 jpegの画質を設定します。 RAWデータが入っているフォルダを一括で変換しますので、変換したいRAWデータを１つのフォルダにまとめましょう。 保存先は、同じ場所に保存を選択すると、RAW
AVIFファイルをJEPGやPNGへ/画像ファイルをAVIFへ変換できるMacアプリ「AVIF Converter」がリリース。
AVIFファイルをJEPGやPNGへ/画像ファイルをAVIFへ変換できるMacアプリ「AVIF Converter」がリリースされています。詳細は以下から。 AVIF (AV1 Image File Format)はAmazonやNetflix、Cisco, Googleなどが設立したAlliance for Open Mediaが開発するロイヤリティフリーで圧縮率の高い画像フォーマットで、AmazonやNetflixなど動画配信プラットフォームが積極的に採用していますが、このAVIFファイルの画像をJPEGやPNGファイルへ、または他の画像フォーマットをAVIFファイルへ変換してくれるMacアプリ「AVIF Converter」が新たにリリースされています。 AVIF Converterを開発＆公開したのは「Image Tool+」や「WebP Converter」を開発したReiji
Windowsプログラミング
各ページに点在していたAPIの使い方をVisual C++ 2008/2013ベースで以下のページに逐次整理しております。 Win32/Win64 APIベースのプログラム(Visual C++) 2019/01/12 Visual C++ 2008 Standard/Express,2013 Expressを対象としています。添付している実行ファイルはXPでの実行を考慮してVisual C++ 2008の32bit実行ファイル又はVisual C++ 2013でXP互換でコンパイルしています。 Windows Media SDK WMAファイルのアルバムアートが変更できない・削除できない時の対処方法(Windows7 + Windows Media Player 12) H26.05.08 ドラッグ&ドロップされた複数のWMAファイルの画像を削除するGUIプログラム(32/64bit)
はじめに Cloudinary とは Cloudinaryとは画像や動画、他あらゆるアセットを保管・一元管理でき、変換や最適化を即座に行え、CDNで高速配信できるサービスです。 最適化やCDN配信はページ速度を上げてユーザ体験を向上させるだけでなく、SEOとしても重要な要素ですね。 そのキーとなる機能が、独自のアルゴリズムを使用して最適なフォーマットや品質を自動選択する、画像・動画の最適化といえます。 例えば、フォーマットの最適化パラメータ f_auto を使えば、ブラウザごとにサポートされている最適な圧縮フォーマットが自動的に選択され、視覚的な品質を落とさずに大幅に軽くすることができます。 今年新たにリリースされた Media Optimizer は、名前の通り「メディアの最適化」にフォーカスしており、Cloudinary の多様な機能のうち最適化やリサイズといった基本的な変換とCDN配
Vuescanというスキャナ用の汎用ドライバ兼ソフトウェアをご存じでしょうか? アメリカ、フロリダ州サニー・アイスル・ビーチにある hamrickというソフトウェアメーカーで開発しているソフトウェアです。 今、日本メーカーはことごとくフィルムスキャナの製造から撤退してしまいましたが (現在世界的にみてもまともそうなフィルムスキャナを作っていると思われるのは台湾メーカーの2社のみ) かつてはニコンやコニカ・ミノルタが高性能なフィルムスキャナを作っていました。で、当時5400dpiという解像度にひかれて、コニカ・ミノルタのDimage 5400IIというフィルムスキャナを買っておいたのです。ここで掲載している鉄道写真の大半もこれでスキャンしたものです。 とはいえ、色の出方にやはり不満で何とかならないかと思っていました。実はVuescanというソフトウェアは5,6年前に知ったのですが、いままで純
近年では動画・VRなどあきらかに大きそうなコンテンツが増えてきましたが、Webページで読み込まれる容量の半分以上は未だ画像というWebサイトも多い状況です。画像最適化を行うとアクセスするユーザーの転送量削減になりますし、ネットワーク転送コストが削減されるとWeb高速化の効果もあるためまさにWebサイトにとって必須といってもいいでしょう。今回は色々メリットがある画像変換サービスとCDNについてご紹介します。 画像最適化が重要な理由インターネット回線が細い時代、大手AMAZONも本の画像をあえて利用せずテキストのみのWebサイトにしていたほど画像は回線速度とデバイススペックを消費することは昔から変わりありません。現在ではインターネット回線もどんどんスピードアップし、コンピューターやスマートフォンのスペックも上がり、画像はWebサイト全体容量の半分以上を占める存在となりました。しかし、回線やスペ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ - ICS MEDIA
次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
はてなブログで記事投稿時にする最低限のSEO対策 - はるなぴログ
2019年間ベスト！Web制作を変える便利オンラインツール厳選85個
画像サイズを一括変更できる最新V5系リサイズ超簡単Proの使い方 - はるなぴログ
【実例付き】Photoshop(フォトショ)のスーパー解像度の使い方・注意点| 株式会社LIG
【徹底解説】はてなブログでページ表示速度を上げる方法 - のんびり優先探索
Windows7フォーエバー - Security -【ベクターPCショップ】
【マイナー寄り】Windowsで便利なソフトウェア集 - Qiita
あなただけの右クリックで、ストレスフリーな開発を。(コンテキストメニュー編集マニュアル) - Qiita
魅力的なアイキャッチの作り方【デザインの重要な3つのコツも紹介】 | DevelopersIO
意外と簡単！Photoshopでgifアニメーションと動画を作る方法 - DESIGN TREKKER
駆け出しマークアップエンジニアのためのWebサイト制作フロー - Qiita
Squooshをコマンドラインで使って複数画像を一括で圧縮する
Ruby on Rails 6.0 リリースノート - Railsガイド
ぜんぶスタメン！Figmaのおすすめプラグイン10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
W3C「日本語組版の処理要件」の最新版が8月11日に公開されました
WebP導入のメリット・デメリットと対応ブラウザ
Macコマンドで簡単！PNG＆JPGをWebPに一括変換 | Cruw
【Photoshop】RAWデータを一括でjpegに変換する方法
Cloudinary MO でもっと手軽に画像最適化を導入できるように！ | DevelopersIO
フィルムスキャン用にVuescanを設定する - 省型旧形国電の残影を求めて
画像変換 サービスの仕組み転送量削減と WebP | REDBOX Labo