Bildskalierung?

Hallo,

Ich bastele gerade für meine Website eine Profilseite zusammen, jedoch habe ich etwas Schwierigkeiten bei der Bildskalierung.

Momentan nutze nur ich das, da es noch nicht fertig ist und skaliere die Testbilder von Hand auf 192x192px, damit funktioniert alles wunderbar, wie man unten sehen kann. Jedoch möchte ich, dass später der Nutzer sein eigenes Bild hochlädt und natürlich lädt nicht jeder zufällig sein Bild in der Größe hoch, wie ich das will (wär ja 'n Ding).


Mit transform: scale(x, y); über CSS hatte ich bisher keinen Erfolg, auch mittels HTML habe ich nichts brauchbares erreichen können bis jetzt. Meine jetzige Idee wäre, schon beim Upload des Bilds das Bild richtig zu skalieren und abzulegen. Ist das der richtige Weg? Oder sollten die Bilder unangetastet hochgeladen werden und nur bei der Anzeige im Browser skaliert werden?


Komme da aktuell nicht weiter, kann mir jemand helfen? Vielen Dank :)

//Edit: Screenshot ->
[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...] ist da wohl die beste Lösung, alles andere ist reine Glückssache. Wenn du das Bild vom Browser mit einer festen Routine skalierst, besteht eigentlich nur eine sehr geringe Chance, dass das Bild auch so, wie der Benutzer es will, angezeigt wird.

Versuchs doch mit JQuery.

Dann kannst du die ID in der HTML für das Profilbild oder Hochlade-Button nehmen und eine onclick function einfügen. Dort fragst du dann ab ob das Bild die entsprechenden Maße hat oder nicht. Wenn nicht dann soll ein <span></span> Text in eine Fehlermeldung umgeformt werden und das Hochladen abbrechen.