Comments (6)
Are you taking pictures with iPhone, which seems to have incorrectly rotated EXIF information?
from congo.
Those photos were taken with an Android, though I've had the same problem with iPhone photos, too. All the photos show up fine in every other image-viewing application. They also show up fine if I embed them with HTML instead of Markdown or the figure shortcode.
<img src="ghat3.jpg" />
<img src="ghat4.jpg" />
from congo.
To assist (as a workaround and troubleshooting)...
I also have this issue with most (but not all) portrait images taken on my Android phone.
As a workaround, I am using an image editor on my PC to rotate the image 90 degrees, save, and then rotate back and save again... Now the image will appear in the correct orientation on the website.
I believe this indicates it is an EXIF issue. I am uncertain if the Android EXIF data needs to be fixed, or if there is another orientation indicator Huge can use.
from congo.
I have seen this commented from time to time in the discussions and there's a lot on the Hugo Discourse about it too. There seems to be issues with how EXIF data is interpreted and that Hugo doesn't rotate the images to match the EXIF orientation. I might have to see if I can add this logic to the theme itself. See https://discourse.gohugo.io/t/image-exif-orientation/22902 for details.
from congo.
This issue has been automatically marked as stale because it has not had any recent activity.
If you are still experiencing this issue, please review the issue history and add a reply with any requested and/or additional information in order to keep the issue open.
This issue will automatically close in 30 days if no further activity occurs.
from congo.
https://gohugo.io/functions/images/autoorient/
I would find a way to opt-in to this behavior. You don't need to run every image on every site through this filter. Maybe use a site param to opt-in for the whole site, or a page param to opt-in for a particular page.
from congo.
Related Issues (20)
- Table of content error in desktop and mobile view HOT 2
- Background color inconsistent on mobile when dark mode enabled HOT 2
- Encased links will be rendered with a blank character as prefix HOT 2
- article.sharingLinks needs to replace "twitter" with "X-twitter"
- Extra space after [ when using links HOT 2
- Author image does not render in profile homepage or author footer info HOT 5
- Congo theme error function "hasSuffix" not defined HOT 6
- Copy from code block appends a newline for every line HOT 3
- HTML Table not filling width at `md` size viewport and above
- Featured images overlapping with page title when article metadata hidden HOT 8
- Inconsistent picture rendering HOT 1
- Error calling first: can't iterate over maps.Params HOT 3
- The thumbnail images, or cover images are not showing HOT 2
- SVG width and height do not consider units HOT 5
- enableImageWebp breaks animated GIF files HOT 3
- Add Threads support
- Next article pagination link animation is inverted
- Non-existent two-part path results with 404 page which doesn't load css and js files HOT 2
- Emoji are rendered inside Markdown code blocks HOT 2
- Unexpected blank line when using multiple lines in an alert box HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from congo.