für mein Forum wollte ich einbauen, dass User direkt im Browser ihr Avatar anpassen können.
Sprich: Sie können jedes Bild beliebiger Größe reinladen und dann einen Ausschnitt auswählen und speichern.
Das klappt soweit ganz super.
(Habe dazu mit Javascript gearbeitet und mit drawImage auf einen Canvas den Ausschnitt zeichnen lassen, den ich dann später als Bild-Datei speichern kann)
Allerdings gibt es ein Qualitätsproblem.
Wenn große Bilder auf 150x150px verleindert werden (das ist die Avatargröße), dann sieht das nicht gut aus.
Im Internet habe ich Lösungsansätze gefunden, wo empfohlen wurde, das Bild in mehreren Schritten zu verkleinert. Aber das gefällt mir ebenso nicht.
Ich habe hier mal einen Vergleich:
1 = mit Photoshop verkleinert | 2 = dirkte Verkleinerung mit drawImage | 3 = In 2 Schritten verkleinert |4 = In 3 Schritten verkleinert (hier wird es ja schon unscharf)
Keines der Ergebnisse kommt an die mit Photoshop verkleinerte Version ran.
Gibt es da Alternativen? Muss doch irgendwie zu realisieren sein...
Ich hoffe, ihr habt da noch Ideen.