portrait wordt getoond in landscape
Er is een foto en dit staat op schijf in portrait.
Je kan dit zien door hem direct te benaderen.
https://test.zwerfspin.nl/20190425_132024.jpg
In https://test.zwerfspin.nl/test.html
heb ik de volgende code gelegd:
<img src="https://test.zwerfspin.nl/20190425_132024.jpg" width="600px" />
Verder niets ook geen stylen of iets dergelijks.
Alleen wat ik hier schrijf.
Hier wordt de foto in landscape getoond.
Ik ben uren bezig geweest en wanhopig heb ik op een gegeven moment het subdomein test.zwerfspin.nl aangelegd met daarin 1 html bestand en 1 foto om zeker te weten dat het nergens anders aan kon liggen dan aan deze code.
Wie kan me vertellen waarom de tag img hier mijn foto in landscape vertoond terwijl hij in portrait op de schijf ligt?
Gewijzigd op 04/05/2019 21:48:42 door - Ariën -
Zoek ook naar een oplossing. Probleem is niet uniek.
https://www.google.com/search?q=photo+shown+landscape+instead+of+portrait
Zoals je kunt zien staat hij goed op de server namelijk in portrait.
https://test.zwerfspin.nl/20190425_132024.jpg
de tag img toont hem in landscape.
Oplossing: In een fatsoenlijk fotobewerkingsprogramma even opnieuw opslaan, of de EXIF-waarde wissen.
Natuurlijk gaat het niet om één foto en een grafisch programma is zinloos want hij staat al in portrait (dus goed) op de schijf. Zo even doe ik een foto uploaden naar een site waar ik stukjes voor schrijf en ineens gebeurd daar hetzelfde. Ik denk dus dat het een gegeven in de foto is die php doet acteren. Ik ga verder zoeken.
Edward Butter op 04/05/2019 20:35:37:
want hij staat al in portrait (dus goed) op de schijf
Nope.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
ExifTool Version Number : 10.40
File Name : 20190425_132024.jpg
...
Orientation : Rotate 90 CW
...
Image Width : 4032
Image Height : 1960
...
File Name : 20190425_132024.jpg
...
Orientation : Rotate 90 CW
...
Image Width : 4032
Image Height : 1960
...
Je browser toont de afbeelding goed als je deze rechtstreeks aanroept omdat afbeeldingen waarschijnlijk een andere rendermethode gebruiken (en ook de metadata lezen en toepassen) dan wanneer je de afbeelding in een HTML-pagina weergeeft.
Simpelweg omdat iets op een bepaalde manier getoond wordt wil niet zeggen dat het ook zo op de schijf staat. De twee verschillende presentaties zouden dat al duidelijk moeten maken.
Je zou dit eventueel ook met CSS kunnen oplossen:
Code (php)
1
transform: rotate(90deg);
(edit: dit stelde @Rob ook al voor)
Maar de afbeelding zelf aanpassen is wellicht handiger.
Gewijzigd op 04/05/2019 21:19:54 door Thomas van den Heuvel
Ik heb deze afbeelding neergezet als voorbeeld maar het gaat om honderden afbeeldingen.
Sommigen staan in landscape en anderen in portrait. Met php maak ik thumbnails die eveneens fout gaan staan.
Het is enkele jaren geleden dat ik websites maakte maar destijds liet een img tag gewoon de foto zien.
Nu schijnbaar niet meer en ik vind dat maar vreemd.
Die foto's staan gewoon op de server via Filezilla geupload en ik wil ze met de img tag laten zien.
Zie https://www.zwerfspin.nl/ed-photo/
https://www.google.com/search?q=delete+rotate+exif+batch
En ja, die rotate-tags in EXIF zijn een ware 'pain-in-the-ass' die je beter bij de bron moet bestrijden.
Gewijzigd op 04/05/2019 21:44:38 door - Ariën -
Net bekijk ik een foto in de verkenner (windows10) en daar staat hij in portrait. Ik zet hem in FB en die zet hem netjes in portrait. Ik zet hem in apeldoorndirect (Wordpress) en daar gaat hij in landscape. Ik laad hem in PSP9 en daar komt hij in landscape. Ik roteer hem een kwartslag en dan staat hij in PSP goed maar in de verkenner ineens in landscape. Dat kan toch allemaal de bedoeling niet zijn?
Gewijzigd op 04/05/2019 22:23:13 door - Ariën -
Code (php)
1
2
3
2
3
img {
image-orientation: none;
}
image-orientation: none;
}
Maar Thomas ook dat is natuurlijk niet de bedoeling. Ik moet gewoon een foto kunnen plaatsen die gewoon getoond wordt.
Zoals ik al zei als ik hem bij FB plaats gaat het goed. Plaats ik hem bij apeldoorndirect (wordpress) dan gaat het fout. Maar ik leer steeds meer ook dankzij jullie hulp en zodra ik de oplossing heb laat ik het zeker hier weten. Dus blijf helpen met denken en zoeken.
Toevoeging op 05/05/2019 00:58:11:
Trouwens Arien windows10 defender wil niet dat ik ExifPurge.zip installeer.
Volgens VirusTotal is het ongevaarlijk. Dus kan je het Windows laten accepteren.
Gewijzigd op 05/05/2019 08:43:05 door - Ariën -