Momenteel ben ik dus bezig met een website voor een kennis en we liggen in de clinch vwb de maten van de afbeelding.
Ik ben het gewend dat ik een plaatje krijg met juiste maten en dat ik die vervolgens plaats op de website, maar wanneer ik aan deze kennis vraag wat de maten ( dus de hoogte, breedte) van een plaatje zijn, dan krijg die ik in cm.....
Als voorbeeld: 100cm x 110cm, maar goed dat kan ik dus nooit plaatsen op de website, terwijl ik vraag om de maten in pixels.
En nu verwacht zij van mij dat ik de juiste maten (dus de hoogte en breedte) uit de 100cm x 110cm haal en ik heb geen idee hoe ik dat moet doen? Ik vraag mij überhaupt of ik dat moet doen, want ben geen fotobewerkspecialist!
Ik zag op het net dat je makkelijk cm kunt omzetten in pixels, maar hoe doen jullie dat vraag ik mij af? Hoe gaan jullie hiermee om eigenlijk?
Bedankt voor het meedenken.
?Onbekende gebruiker
25-10-2022 09:56
Ozzie PHP op 24/10/2022 23:58:14
Een pixel is nog gewoon een pixel. Als je inzoomt verandert de verhouding en worden er meer pixels gebruikt om recht te doen aan 1 pixel.
Als je aangeeft dat iets 100 pixels moet zijn, dan worden er gewoon 100 pixels gebruikt, tenzij je inzoomt of uitzoomt.
>> Als je een plaatje van 200x200 (px) toont als 100x100
... wordt het dus gewoon als 100x100 pixels weergegeven. Omdat het in elkaar wordt gedrukt en er in feite meer informatie voorhanden is dan die 100x100 pixels kan het er scherper uit zien. Echter, het formaat is 100x100 pixels.
We zitten half op 1 lijn. Natuurlijk is een pixel nog steeds een pixel op het scherm, dat is het punt niet. Wat wel een probleem is dat als je in de CSS aangeeft dat iets 1px groot moet zijn, het dat lang niet overal is.
Als ik op mijn 4k scherm een plaatje toon van 200x200 pixels, terwijl ik in de CSS zeg dat de grootte 100x100 moet zijn, wordt het toch getoond als 200x200 pixels, omdat in mijn browsers 1px in CSS 2px op het scherm zijn. 0.5px is bij mij 1px.
Daarbij is het aantal px ook niet zo interessant als je niet weet hoe groot het precies is. Denk aan mobieltjes met een retina scherm, daarin wordt 1px in CSS ook aangepast naar iets anders, afhankelijk van de smartphoneleverancier.
Het is een beetje als de oude discussie over tables vs CSS flex. Ja je kunt nog overal table gebruiken voor opmaak, maar dan zit je er semantisch naast. Datzelfde geldt voor pixels, dat is al lang geen eenheid meer waarvan je weet hoe groot het precies is.
[size=xsmall]Toevoeging op 25/10/2022 09:59:12:[/size]
Mohamed nvt op 25/10/2022 00:05:59
Het probleem is dat van mij verwacht wordt dat ik de plaatjes van bijv 100cm x 110x in de juiste verhoudingen laat zien wanneer ik ze verklein in Gimp bijv. En ik heb geen idee hoe ik dat moet doen
Uhm, gewoon iets als Afbeelding -> Schalen, met vaste verhoudingen de grootte opgeven in cm, en 150 beeldpunten per inch (dpi) ? Dat is doorgaans prima voor scherm, voor papier is 300 punten per inch beter.
>> Als ik op mijn 4k scherm een plaatje toon van 200x200 pixels, terwijl ik in de CSS zeg dat de grootte 100x100 moet zijn, wordt het toch getoond als 200x200 pixels, omdat in mijn browsers 1px in CSS 2px op het scherm zijn. 0.5px is bij mij 1px.
Heb jij dan zelf een zoomfactor ingesteld in je browser? Dit lijkt me geen default gedrag.
Als ik bijvoorbeeld 150 x 100 logische pixels beschikbaar heb, plaats ik daarin via een responsive srcset niet alleen een foto van 150 x 100 pixels, maar minstens ook eentje van 300 x 200 pixels. Dat geeft een véél scherper, kleurrijker en gedetailleerder beeld. Je kunt het effect vooral goed zijn bij de kwaliteit van foto's op een goede smartphone.
Uhm, gewoon iets als Afbeelding -> Schalen, met vaste verhoudingen de grootte opgeven in cm, en 150 beeldpunten per inch (dpi) ? Dat is doorgaans prima voor scherm, voor papier is 300 punten per inch beter.
Via Gimp heb ik vaker foto's verkleind, maar bovenstaande snap ik niet
Bedoel je dat ik aangeef hoe wat de maten van een plaatje zijn, dus 100cm x 110cm en wanneer ik het verklein, dan hou het programma rekening met deze maten?
De volgende opties heb ik in Gimp [img]https://i.postimg.cc/9R5tNLxY/gimp.png[/img] https://i.postimg.cc/d1DH3Xrp/gimp.png
Gewoon plaatje openen, bij schalen de gewenste breedte invullen en dan past ie zelf de hoogte aan (of vice versa).
Klopt, dat weet ik en het gaat mij om waar ik de originele afmetingen opgeef, zoals 110cm x 100cm.
Doe ik dat bij resolutie of waar anders? Het gaat mij om dat wanneer een plaatje verklein, dat de verhoudingen kloppen, snap je mij?
Ja, ik snap je, maar ik heb je ook al uitgelegd wat je moet doen. Plaatje openen. Schalen -> nieuwe breedte of hoogte invoeren. Je hoeft die 110x100 cm nergens op te geven. Je vult alleen de nieuwe breedte of de nieuwe hoogte in, een van beiden. Het programma doet de rest. Probeer het gewoon eens zou ik zeggen.
?Onbekende gebruiker
26-10-2022 18:59
gewijzigd op 26-10-2022 19:05
Mohamed nvt op 26/10/2022 10:39:15
Doe ik dat bij resolutie of waar anders? Het gaat mij om dat wanneer een plaatje verklein, dat de verhoudingen kloppen, snap je mij?
Ja dat snappen we. Als je die kettinkjes in je menu laat staan, blijven de verhoudingen gehandhaafd. De "px" is een dropdownmenu, waarin je ook "cm" kan kiezen. Verder naar onderen in het scherm geef je de korrelgrootte aan in beeldpunten/inch, bijvoorbeeld 150.
De fysieke grootte wordt als het kan ook in de metadata van de afbeelding opgeslagen.
[size=xsmall]Toevoeging op 26/10/2022 19:03:37:[/size]
Ozzie PHP op 25/10/2022 13:11:10
@Ad Fundum
Heb jij dan zelf een zoomfactor ingesteld in je browser? Dit lijkt me geen default gedrag.
Ik gebruik KDE/Plasma, en ik moet wel een zoomfactor voor de hele desktop instellen anders zijn de letters fysiek 4x zo klein als op m'n Windows doos. En dan kan ik het echt niet meer lezen, dat ligt dan niet aan m'n leeftijd...
Waarom dan toch nog een 4k scherm? Letters zijn dan veel scherper en beter leesbaar. En het is wel makkelijk in mijn geval, kan ik Eclipse met PHP naast Eclipse met Rust houden! (Of een browser bij het testen, ook handig, geen verticale balk zoals met 2 schermen)
Klein extraatje: je kunt in CSS het aantal pixels met floats instellen, bijvoorbeeld: top: 2.34px. Het aardige is dat de browser (via de GPU hoop ik) de pixels vanzelf interpoleert. Dat kan soms een gaaf effect geven.
