Main Restorations Software Audio/Jukebox/MP3 Everything Else Buy/Sell/Trade
Project Announcements Monitor/Video GroovyMAME Merit/JVL Touchscreen Meet Up Retail Vendors
Driving & Racing Woodworking Software Support Forums Consoles Project Arcade Reviews
Automated Projects Artwork Frontend Support Forums Pinball Forum Discussion Old Boards
Raspberry Pi & Dev Board controls.dat Linux Miscellaneous Arcade Wiki Discussion Old Archives
Lightguns Arcade1Up --- Bug Reports --- Site News

Unread posts | New Replies | Recent posts | Rules | Chatroom | Wiki | File Repository | RSS | Submit news

  

Author Topic: Uploaded photos are distorted  (Read 256 times)

0 Members and 1 Guest are viewing this topic.

PL1

  • Global Moderator
  • Trade Count: (+1)
  • Full Member
  • *****
  • Offline Offline
  • Posts: 8002
  • Last login:Today at 12:25:41 pm
  • Designated spam hunter
Uploaded photos are distorted
« on: October 05, 2020, 07:53:19 pm »
This subject has come up several times and AFAIK here's why it happens.

The "distorted" images have the X and Y-axis values reversed due to EXIF rotation.   :banghead:

There appear to be two issues here:
1. A while back, Saint mentioned that newer images embed orientation/rotation info in the EXIF metadata, but the process of importing/translating EXIF metadata creates a confirmed exploitable security hole in the forum software plugin.

2. The forum's image handling plugin appears to have trouble automatically handling links to images over 1024 pixels wide that have EXIF rotation -- fortunately you can use "width=" and/or "height=" to make those images display properly.

In the post here, the embedded image shows a resolution of 4032x3024 -- 4032 wide x 3024 tall.

Code: [Select]
[img]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=383549;image[/img]


You can display the image properly by swapping the width and height. (simulates the EXIF rotation)
Code: [Select]
[img width=3024 height=4032]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=383549;image[/img]


or

If you single-axis (height or width) scale the image width to 1024 or narrower , it seems to display properly.   :dunno

Code: [Select]
[img width=1024]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=383549;image[/img]


The reason I mention 1024 or lower is because if you try to single-axis (height or width) scale the image width to 1025 or wider, the forum software auto-resizes and distorts it.

You type in . . .
Code: [Select]
[img width=1025]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=383549;image[/img]
. . . the forum software changes it to . . .
Code: [Select]
[img width=1024 height=767]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=383549;image[/img]
. . . which displays like this.


Good news: You don't need to re-define the width on smaller images.

Notice that the 3rd image uploaded to this post is distorted, but when you put the URL in the "img" tags . . .

Code: [Select]
[img]http://forum.arcadecontrols.com/index.php?action=dlattach;topic=160205.0;attach=377050;image[/img]



I'd say the easiest workaround is to upload your images to the current Not a Project thread (who cares if they look distorted in that thread :P ) then use those image URLs in your thread.
- Remember to re-define the width as 1024 or less for any larger images that appear distorted in the "Not a Project" thread or dual-axis scale the image. (swap the height and width values)


Scott