Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

iPhoneで撮影したHEIF形式の画像はJPEGに変換される

More than 1 year has passed since last update.

AppleはiOS 11でHEIFと呼ばれる画像フォーマットを導入しました
inputタグでHEIFファイルを投稿したとき、macとiPhoneで挙動が変わったのでメモしておきます。

HEIFとは

「HEIF」は高画質のまま軽量化した写真の保存形式で読み方はヒーフ。
「HEIF」形式で保存された写真は「.heic」という拡張子が付く。

引用:HEIFとJPEGどっちを選ぶ?空き容量対策にもなるiPhoneカメラの新しい保存形式を比較してみた | さくっとふぉとらいふ

結論

iOSデバイスからinputタグで画像を投稿した場合、JPEGに変換される。
ただし、macから画像を投稿した場合、JPEGに変換されず、HEIFのまま。

確認方法

index.html
<input id="post-img" type="file">
index.js
document.getElementById("post-img").addEventListener("change", onChange);

function onChange(e) {
  console.log(e.target.files[0].type); // image/jpeg
}

実機で下記を参考にmacと検証端末(iPhone)を繋げて投稿すればおけ
* 実機のMobile Safariのページデバッグについて - Qiita

参考

su_mi1228
フロントエンドエンジニア初心者です JavaScriptが好きです(できるわけではない) 日々勉強しながら業務しています〜!
yumemi
みんなが知ってるあのサービス、実はゆめみが作ってます。スマホアプリ/Webサービスの企画・UX/UI設計、開発運用。Swift, Kotlin, PHP, Vue.js, React.js, Node.js, AWS等エンジニア・クリエイターの会社です。Twitterで情報配信中https://twitter.com/yumemiinc
http://www.yumemi.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away