[wp-trac] [WordPress Trac] #62272: Error when uploading .heic image

[WordPress Trac]

#62272: Error when uploading .heic image
-----------------------------------+-----------------------
 Reporter:  azaozz                 |       Owner:  azaozz
     Type:  defect (bug)           |      Status:  reopened
 Priority:  normal                 |   Milestone:  6.7
Component:  Media                  |     Version:  trunk
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch fixed-major  |     Focuses:
-----------------------------------+-----------------------

Comment (by mosne):

 Hello, I've tested the patch, and I have a small issue in the editor en
 some problem with the front.

 == Test Report

 Patch tested: [59315]

 === Description
 This report validates whether the indicated patch works as expected.

 Patch tested: https://patch-diff.githubusercontent.com/raw/WordPress
 /wordpress-develop/pull/7650.diff

 === Environment
 - WordPress: 6.8-alpha-59274-src
 - PHP: 8.2.25
 - Server: nginx/1.27.2
 - Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
 - Browser: Chrome 130.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-Five 1.0
 - MU Plugins: None activated
 - Plugins:
   * Test Reports 1.2.0

 === Actual Results
 1.  ✅ Upload supported for image/heif
 2.  ❌ No preview images for image/heif / image/heic during upload.
 3.  ❌ All images in front are looking small.


 === Additional Notes
 - It seems related to the new attribute sizes auto introduced (rightfully)
 by the performance team in the last release.

 example:
 - Before

 {{{<figure class="wp-block-image size-large"><img fetchpriority="high"
 decoding="async" width="1024" height="683" src="http://localhost:10049/wp-
 content/uploads/2024/10/image-1024x683.jpg" alt="" class="wp-image-2239"
 srcset="http://localhost:10049/wp-content/uploads/2024/10/image-
 1024x683.jpg 1024w, http://localhost:10049/wp-content/uploads/2024/10
 /image-300x200.jpg 300w, http://localhost:10049/wp-content/uploads/2024/10
 /image-768x512.jpg 768w, http://localhost:10049/wp-content/uploads/2024/10
 /image-1536x1024.jpg 1536w, http://localhost:10049/wp-
 content/uploads/2024/10/image.jpg 2048w" sizes="(max-width: 1024px) 100vw,
 1024px"></figure>}}}
  - After
 {{{<figure class="wp-block-image size-large"><img loading="lazy"
 decoding="async" width="1024" height="683" src="http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3-1024x683.jpg"
 alt="" class="wp-image-23" srcset="http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3-1024x683.jpg
 1024w, http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3-300x200.jpg
 300w, http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3-768x512.jpg
 768w, http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3-1536x1024.jpg
 1536w, http://localhost:8889/wp-
 content/uploads/2024/11/2186606b72b426379.48966035-2048x1365-3.jpg 2048w"
 sizes="auto, (max-width: 1024px) 100vw, 1024px"></figure>

 }}}

 === Supplemental Artifacts

 - video on chrome
 https://kdrive.infomaniak.com/app/share/565596/5078577d-176e-4877-aa1c-
 edc96fe041f0

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62272#comment:26>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform