Frage:
Gehobenes iPhone aufgenommenes Foto
benhowdle89
2011-02-02 04:16:40 UTC
view on stackexchange narkive permalink

Ich habe mit meinem iPhone ein Foto aufgenommen, das ich gerne mit jQuery auf meiner Website verwenden würde, um es dynamisch zu dehnen. Es ist jedoch offensichtlich eine ziemlich niedrige Auflösung. Gibt es irgendetwas , das ich in Photoshop tun kann oder so, um die Auflösung überhaupt zu verbessern?

Kommt darauf an, wie sehr du es hochskalieren willst. Ein bisschen ist eine Sache, aber wenn Sie viel hochskalieren möchten, werden selbst die besten Algorithmen den Fokus des Bildes sehr weich machen ...
Vier antworten:
user2719
2011-02-02 04:25:06 UTC
view on stackexchange narkive permalink

Es gibt eine Reihe von Plugins zur Größenänderung für Photoshop, mit denen das fehlende Detail viel besser erraten werden kann als mit Photoshop ( OnOne Perfect Resize und Alien Skin Blowup sind zwei Beispiele), aber obwohl sie Ihnen ein etwas größeres Bild liefern können, das glatt ist, können sie Daten, die nicht vorhanden sind, nicht wirklich ausgleichen. Erstaunlich wie sie sind, eignen sie sich am besten für bereits wirklich gute Bilder, die sehr groß gedruckt werden müssen, aber aus der Ferne betrachtet werden können - sie machen das Bild bei der Zielgröße nur ein wenig glatter.

jrista
2011-02-02 09:44:30 UTC
view on stackexchange narkive permalink

Ich bestreite alle Antworten und Kommentare zu diesem Thema, nicht nur hier, sondern in den meisten Forumsdiskussionen, die dieses Thema behandeln. Ich habe in letzter Zeit einige ziemlich umfangreiche Arbeiten zum digitalen Upscaling durchgeführt, und wenn man es richtig angeht, kann man ein beträchtliches Upscaling ohne zu viel Unschärfe erzielen, manchmal um das 20-fache oder mehr. In meiner Arbeit zu "Iterative Bicubic Scaling" konnte ich 12-Megapixel-Bilder von meinem Canon Rebel XSi (450D) mit einer Druckgröße von 55 x 44 bei 300 PPI oder mehr aufnehmen. In extremeren Experimenten habe ich bis zu 96x72 "@ 600PPI skaliert und abgebildet, ein gottloses 2,4-Gigapixel (nicht für den Heimgebrauch empfohlen). Je mehr Informationen Sie jetzt beginnen, desto weiter können Sie eine Hochskalierung vorantreiben Wenn Sie nur mit Bildinformationen im Wert von 3 MP beginnen, werden Sie wahrscheinlich keinen wunderschön detaillierten 55-Zoll-Druck erzielen können. Sie sollten jedoch in der Lage sein, mit einer iterativen bikubischen Technik um einen angemessenen Betrag zu skalieren.

Der Schlüsselfaktor bei der Hochskalierung ist die Qualität der zu skalierenden Informationen und die Menge, um die sie skaliert werden. Sie können natürlich ein einzelnes 3-Megapixel-Bild aufnehmen und es auf ein 100-Megapixel-Bild skalieren. Unabhängig vom verwendeten Algorithmus erhalten Sie jedoch ein ziemlich verschwommenes Ergebnis. Dies liegt daran, dass Sie etwa 90% des resultierenden Bildinhalts herstellen und den ursprünglichen Inhalt verwischen, wenn er in das endgültige Bild aufgenommen wird. Anstatt in einem einzigen Schritt zu skalieren, tun Sie dies in vielen, viel kleineren Schritten. Skalieren Sie mit einem Bikubikfilter jeweils um 3-5%, bis Sie Ihre Zielgröße erreichen oder mit größerer Wahrscheinlichkeit übertreffen. Wenn Sie Ihre Zielgröße überschritten haben, verkleinern Sie diese einmal. In jeder Iteration werden weniger als 20% der endgültigen Bilddaten hergestellt, wobei bei jedem Schritt genauere Bildinformationen erhalten bleiben, wodurch letztendlich ein genaueres endgültiges Bild erzeugt wird. Ich habe hier eine detaillierte Beschreibung mit visuellen Beispielen:

Ich glaube, die Kamera auf einem iPhone hat ungefähr 3 MP, vielleicht 5 MP. Sie sind wahrscheinlich nicht in der Lage, eine Druckgröße von bis zu 55 Zoll zu skalieren. Sie sollten jedoch in der Lage sein, eine Größe von bis zu 8 x 10, 11 x 14 oder 13 x 19 zu skalieren, ohne die Details zu stark zu beeinträchtigen. Wenn das endgültig skalierte Bild nicht genügend Details enthält Klarheit: Sie können jederzeit eine leichte unscharfe Maske anwenden, um diese feinen Details zu verbessern.

Hier ist ein Beispiel, das die Details zeigt, die beim iterativen bikubischen Hochskalieren im Vergleich zum direkten bikubischen Hochskalieren beim Blasen erhalten bleiben Erhöhen Sie ein 12,2-Megapixel-Originalbild (14 x 9 "native Druckgröße bei 300 ppi) auf ein 77,7-Megapixel-Bild (36 x 24" Druckgröße bei 300 ppi):

Direct vs. Bicubic Upscaling

Warten Sie zwei Sekunden Das obige animierte GIF zum Vergleich von direktem Bikubic zu iterativem Bicubic zum Vergleich. Das verbesserte Detail und die Schärfe des iterativen Ansatzes sollten klar wie ein Tag sein. Es sollte beachtet werden, dass bei beiden Versionen keinerlei Schärfen verwendet wurde.

Es ist nicht so, dass sich Details mit einem guten Upscaling-Algorithmus verschlechtern (und sowohl Perfect Resize als auch Blowup verwenden sehr gute Algorithmen), aber dass Sie dort nichts platzieren können, was von Anfang an nicht vorhanden war. Linien-, Kurven- und Gradientenfortsetzungen und Glättung können ausgezeichnet sein, aber die Platzierung von Kanten ist eine bestmögliche Annäherung. Ich habe 64 "mal 9" von einem 4K-gescannten 35-mm-Objektträger (Original-Scan 24 MP) geschafft, der akzeptabel war - aber es ist immer noch nicht das, was ich mit einem Heidelberg-Scan eines 8x10-Chroms bekommen hätte. Die beste Vermutung kann überraschend sein gut, aber es ist nur eine Vermutung - Mathe bringt dich nur so weit.
Oh - mit "akzeptabel" meine ich eine Korridorwand; Die Zuschauer konnten nicht mehr als 8 Fuß entfernt sein, wenn sie wollten. Das ist eigentlich nicht schlecht, aber ich möchte die Idee, dass "alles in Photoshop repariert werden kann", zur Ruhe bringen, da das "Reparieren" irgendwann darin besteht, dass der "Shop-Künstler" Dinge einzeichnet, die nicht da waren, um zu beginnen mit. (Ich habe auch diese "Bilder basierend auf einem Originalfoto" gemacht.)
Offensichtlich kann man "nichts dort hinstellen, was von Anfang an nicht da war" ... das war nicht mein Punkt. Mein Punkt ist, dass es möglich ist, das, was da ist, zu bewahren, zumindest bis zur "Akzeptanz", wenn nicht darüber hinaus. Sie können wahrscheinlich ungefähr 200 MP mit einem Drum-Scan eines 8x10-Chroms erreichen, klar ... aber wie viele von uns haben die Möglichkeit, jeden Tag eine so scheußliche Kamera herumzuschleppen? Wie das alte Sprichwort sagt ... gut genug ist gut genug. Ich denke, wir können mit Digital besser als gut genug abschneiden, und obwohl es nicht perfekt ist, ist es verdammt gut.
Was alles in Photoshop angeht ... Ich habe so etwas noch nie erwähnt. Ich bin ein starker Befürworter dafür, so viel wie möglich in der Kamera zu tun ** zuerst ** und das zu tun, was in einem Tool wie Photoshop übrig bleibt. Ich sehe das nicht anders als die Verarbeitung von Filmen, bei denen Sie in einem dunklen Raum noch etwas mit Chemikalien und einem Vergrößerungsgerät tun müssen, um Ihre Kamerakomposition aufzunehmen, mehrere Fuß groß zu machen und an eine Wand zu hängen.
Haben Sie diese Arbeit in Photoshop oder ähnlichem oder in Javascript im Browser ausgeführt?
Mike
2011-02-02 09:27:29 UTC
view on stackexchange narkive permalink

Ein Hintergrundbild auf einer Website muss nicht unbedingt größer als 1024 x 768 sein. Sie entwerfen für den kleinsten gemeinsamen Nenner.

Und vergessen Sie nicht, dass der Webbrowser jedes Byte, das Sie dort abgelegt haben, aufsaugen muss.

Als Referenz habe ich nach "Bildschirmgröße für Webdesign-Empfehlungen" gesucht (ohne doppelte Anführungszeichen).

Also ... wenn das von Ihnen aufgenommene Bild bereits 1024 x 768 ist, Sie müssen es wahrscheinlich nicht berühren ...

Ich lenke Ihre Aufmerksamkeit darauf: http://timlum.com/ das ist, was ich erreichen möchte - versuchen Sie, die Größe Ihres Browsers zu ändern :)
Ich vertraue darauf, dass Sie über das grüne Symbol in der oberen rechten Ecke sprechen. Wenn dies der Fall ist, ist dies ein CSS-Trick, bei dem er das Symbol oben rechts im Browser verankert hat.
Ich denke, er bezieht sich auf das Porträt, das den Hintergrund bildet
Ähm, ich habe kein Porträt als Hintergrund ... in Firefox oder Internet Explorer. Ich würde sagen, wir sehen verschiedene Dinge.
chills42
2011-02-03 20:57:43 UTC
view on stackexchange narkive permalink

Wie Sie in einem Kommentar zu Mike erwähnt haben, beschäftigen Sie sich mit der Skalierung im Browser.

Das Jquery Backstretch-Plugin wurde entwickelt, um Machen Sie genau das, wonach Sie suchen.

Auf der Backstretch-Seite:

Backstretch ist ein einfaches jQuery-Plugin, mit dem Sie jeder Seite ein Hintergrundbild mit dynamischer Größe hinzufügen können . Das Bild wird an die Seite angepasst und automatisch angepasst, wenn sich die Fenstergröße ändert.

Hallo Chillis, mir ist dieses Plugin bekannt (es war das, das ich verwenden werde), aber ich brauche immer noch ein hochauflösendes Bild. Wenn also jemand meine Website auf einem 27 "iMac anzeigt, wird es nicht unscharf
na ja .. das würde vom iphone modell abhängen. Wenn Sie ein iPhone 4 haben, ist Ihre Auflösung bereits gut genug (2592 bis 1936) für eine native Auflösung von 27 "(2560 x 1440), vorausgesetzt, Sie haben Landschaft aufgenommen.


Diese Fragen und Antworten wurden automatisch aus der englischen Sprache übersetzt.Der ursprüngliche Inhalt ist auf stackexchange verfügbar. Wir danken ihm für die cc by-sa 2.0-Lizenz, unter der er vertrieben wird.
Loading...