社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。 私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。 そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。 この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか？という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフター
HEIC形式の画像ファイルをJPGに変換する方法｜ソフトの利用方法｜各利用方法、マニュアル｜利用方法｜東京経済大学情報システム課
・HEICファイルとは ・変換方法 ・iPhoneでJPEG形式で撮影する ・HEICの画像を[写真]で一時的にJPEGに変換 iPhoneで撮影した画像がPCで見ることができない？ iOS では iOS 11 から画像のファイル形式が「 JPEG 」から、より高効率な「 HEIF 」が標準になりました。 HEIF（ヒーフ）とは「High Efficiency Image File Format」の略で「高効率画像ファイル」になります。 高画質のままで画像の容量が軽いのが特徴で、JPEGの半分くらいの容量に抑えられるようです。 そしてこのHEIFの拡張子（ファイルの種類を識別するためにファイル名の末尾につけられる文字列）が「HEIC（ヘイク）」です。 iPhoneだけで利用する分には問題ありませんが、Windowsのパソコンで開く場合、この新しいファイル形式に対応していない可能性があります
画像のファイル形式にはさまざまな種類があり、書き出す時にどの形式がいいのか迷う方も多いのではないでしょうか？webサイトに画像を載せるとき、適切なファイル形式を使うことによって、画質の劣化を防いだり、サイトの表示速度を早めることにも繋がってきます。 それぞれのファイル形式の特徴を理解し、もう迷わず適切なファイル形式を選択できるようにしっかり覚えてしまいましょう！ 画像ファイル形式（拡張子）とは画像ファイル形式とは、「画像をどの種類のファイルで保存するか」ということです。画像フォーマットなどとも呼ばれます。 そして、どのファイル形式で保存されているかを判別するために使われるのが「拡張子」です。拡張子は画像ファイル名の末尾についていて.（ドット）で区切られています。「.jpg」「.png」などがそれにあたります。 ビットマップ画像とベクトル画像画像の種類には、ビットマップ画像（ラスター）とベク
AVIFが誕生した経緯 AVIFの前身は、高画質でありながらファイルサイズが小さい「HEIFフォーマット」です。しかし、高額なライセンス費用や複数の権限元が存在することなどから一般には普及しませんでした。その後、権利者への支払いが不要な映像コーデック「AV1コーデック」が登場し、それを静止画用に転用することで誕生したのがAVIFです。 AVIFは、WindowsやMac、Linux、Androidなどで使用できるソフトウェアと互換性があるため、幅広いシーンでの活用が期待されています。また、優れた圧縮率、GIFのようなアニメーションの作成、HDRへの対応など、さまざまな特徴やメリットがあることも、将来性が注目されている理由です。 実際に、GoogleやMozilla、Apple、Netflixをはじめとした世界の名だたる企業がAVIFの利用を進めています。現時点では、AVIFを開くことができ
目的 PyTorchで画像等を扱っていると、Tensor、Numpy、PIL imageのそれぞれの形式に変換したい場合が多々ある。 ここでは、備忘録としてそれぞれの形式に対する相互変換方法を示す。 各データ形式の特徴 Tensor：学習モデルへの入力や中間層での計算に用いる。torchvisionを用いると各種画像処理が楽に行える。 Numpy：Numpyの機能はほぼTensorでも使用可能だが、matplotlibでデータを扱いたい場合に変換が必要。 PIL：画像の読み込みや書き出し、簡単な画像処理などを行える。 各種変換方法 Tensor ↔ Numpy import torch import numpy as np # tensor -> numpy t = torch.zeros(3,128,128) n = t.to('cpu').detach().numpy() # nump
HEIC形式の画像ファイルをJPGに変換する方法｜ソフトの利用方法｜各利用方法、マニュアル｜利用方法｜東京経済大学情報システム課
・HEICファイルとは ・変換方法 ・iPhoneでJPEG形式で撮影する ・HEICの画像を[写真]で一時的にJPEGに変換 iPhoneで撮影した画像がPCで見ることができない？ iOS では iOS 11 から画像のファイル形式が「 JPEG 」から、より高効率な「 HEIF 」が標準になりました。 HEIF（ヒーフ）とは「High Efficiency Image File Format」の略で「高効率画像ファイル」になります。 高画質のままで画像の容量が軽いのが特徴で、JPEGの半分くらいの容量に抑えられるようです。 そしてこのHEIFの拡張子（ファイルの種類を識別するためにファイル名の末尾につけられる文字列）が「HEIC（ヘイク）」です。 iPhoneだけで利用する分には問題ありませんが、Windowsのパソコンで開く場合、この新しいファイル形式に対応していない可能性があります
要約： 次世代画像フォーマットWEBPは、SEO対策のメリットが多数ある。 Googleの基本コンセプトを理解した上で、いいものを選択していく力をつける。 ブラウザの負荷対策として適切なフォーマットと適切なサイズで画像設置する。 次世代フォーマットWebP Google PageSpeed Insightsのチェック項目に【次世代フォーマットでの画像の配信】がアラートとして追加されてからしばらく経ちました。 しかしながら、未だにjpegやpngフォーマットのみを使用し続けているサイトが多くあります。 対象URLを調査すると、サイトに掲載されている画像が、正常に次世代フォーマット化されている場合は以下のように「合格した検査」として表示されます。 つまり、WebPを用いてサイトを作ることをGoogleは推奨していることから、SEO効果も高いことが伺えます。 合格した検査 WebP対応は難しくな
みなさんは、webサイトのページ表示速度が遅いと悩んだことはありませんか？ webサイトの表示速度を上げるための一つの方法として、従来の「JPEG」「PNG」「GIF」といった画像を、次世代画像フォーマットである「WebP」「AVIF」「SVG」に変えていくのはいかがでしょうか。Webサイト表示が高速化する次世代画像フォーマットについて、使い方やメリット・デメリットなどをご紹介していきます。 次世代画像フォーマットのメリット 次世代画像フォーマットであるWebP・AVIF・SVGを使用することで、webサイトの表示速度が遅いページを改善することができます。JPEG・PNG・GIFよりも画像圧縮率が高く、画質を下げることなく軽量化することができるからです。 表示速度の改善はユーザー満足度の向上を期待できます。ページエクスペリエンス（Webページのユーザー体験）の最適化にも繋がり、SEOにも効
公式ツールの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
EWWW Image Optimizerをインストール EWWW Image Optimizerをインストールするには、 WordPressの「プラグイン」→「新規プラグインを追加」を押して、 右上の検索窓に「EWWW Image Optimizer」と入力します。 「今すぐインストール」を押してインストールしたら「有効化」を押して、 メニューの「設定」→「EWWW Image Optimizer」で設定画面を開きます。 EWWW Image Optimizerの設定方法 最初はこのような画面が表示されますが、「二度と表示しない」を押して次に進みます。 次に進むと、EWWW Image Optimizerの設定画面が出てきます。 ここで「メタデータを削除」と「WebP変換」の2つにチェックを入れます。 メタデータとは、たとえば撮影した日付や場所といった画像の情報です。 ユーザーには特に必要
はじめに 現在、カフェのシステムでは、機械学習を用いて、カメラを用いて動画を撮影し、商品の前にいる人物の骨格や手を検出することで、どのユーザがどの商品を取り出したかを判定しています。 今までは、骨格検出モデルを用いてエッジデバイスで動画を推論処理（撮影した画像から映っている人物の骨格の座標を検出する処理）を実行する、という構成で処理をしていました。今後、エッジ側のデバイスの費用を下げたり、骨格検出以外の処理を増やすことを考えているため、エッジデバイスからクラウドに動画を送信し、クラウド側で様々な処理を実行する、という構成を検討しています。 前回までの記事で、エッジデバイスでの動画処理（エンコード・送信）と、クラウド側の処理（動画の取り出し）について記載しました。 撮影した動画をリアルタイムにエンコードする方法【GStreamer】 【Kinesis Video Streams】Python
オフィス狛 技術部のJoeです。 担当したプロジェクトで、S3上の画像ファイルをPDFファイルに変換する要件がありましたので、 変換方法を備忘も兼ねてご紹介しようと思います。 今回使用したライブライは２つです。 ※()は使用したバージョンです ・pdf-lib（1.11.1）：PDFファイルを編集するためのnpmパッケージ ・sharp（0.26.3）：画像ファイルを編集するためのnpmパッケージ １.S3上の画像ファイル読み込む S3から画像ファイルを読み込んで、bufferデータを取得します。 ここで問題になったのは、読み込んだ画像ファイルが意図せずに回転してしまったことです。 読み込んだ画像ファイルの回転情報を保持するために、sharpのライブラリを使用しました。 const aws = require('aws-sdk'); const sharp = require('sharp
扱うカラー画像と変換方法について 白黒画像に変換するカラーの画像は以下の猫ちゃんです。 cat.jpgという名前で Desktop/Dr.code/python/data-analysis/monochrome-imageに置きます。 カラーの猫ちゃん この猫ちゃんをいい感じの白黒画像にして趣を出すには、pythonのモジュールpillowを使用します。 めちゃくちゃ簡単にできます。 カラー画像を白黒画像に変換する具体的な方法 (サンプルコードあり) 白黒の猫ちゃん Pillow(PIL)を使うための準備 pipコマンドを用いれば簡単にPillow(PIL)がインストールできます。 次のようにターミナルにコマンドを入力して、returnキーを押してください。
前回、前々回と2回に渡りJavaScriptでcanvasタグを扱う方法について記事にしてきました。 ブラウザで画像ファイルを選択した時にプレビュー表示する方法 canvasに文字を描画する方法 ChromeはCanvasを右クリックして保存ができるとはいえ、それで終わらせるのもアレなので、Canvasの保存方法について解説していきます。 モダンブラウザでCanvasの保存をする方法 結論から言うとDataURIをクリックしたことにするのがてっとり早いです。 画像データをBase64エンコードされた文字列で表現すればimgタグに埋め込めることは前々回の記事で書いたと思います。 こんなの↓ <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > ではこれと同じようにaタグの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パワポ資料で「つい、やってしまう失敗」から学ぶ！ガチ改善テクニック14選
これでもう迷わない！！適切な画像ファイル形式 | AndHA Blog
AVIFとは？特徴や注意点から変換できるアプリ・ツールまで紹介
Tensor Numpy PIL image 相互変換【PyTorch】 - Qiita
WebP導入のメリット・デメリットと対応ブラウザ
Webサイト表示が高速化する次世代画像フォーマットとは | Web制作・Webマーケティング支援；セミコロン
Macコマンドで簡単！PNG＆JPGをWebPに一括変換 | Cruw
EWWW Image Optimizerの設定とWebPへの変換方法
機械学習のモデルを変換する（PyTorchからTensorFlow Lite） | DevelopersIO
node.jsでS3上の画像ファイルをPDFファイルに変換する方法。
【Python】カラー画像を白黒画像に変換する方法 - LabCode
JavaScriptでcanvasをファイルに保存する方法（IE対応も）