Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » Bilder & Vektorgrafiken bearbeiten » „Retinize It“ vereinfacht das Erstellen von Retina-tauglichen Bilddateien in Photoshop

„Retinize It“ vereinfacht das Erstellen von Retina-tauglichen Bilddateien in Photoshop

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dieter Petereit
  • 9. Mai 2013

Inhaltsverzeichnis

Retina-Ready, vor etwas mehr als zwei Jahren noch gänzlich unbekannt, ist jetzt in aller Munde. Retina-Ready müssen UIs heutzutage sein, wenn man als Designer nicht dastehen will wie der letzte Depp. Dabei ist die Erstellung entsprechenden Bildmaterials keine Raketenwissenschaft, aber immerhin ein zusätzlicher Aufwand, den man wohl nur ungern mit dem Begriff „Spaß“ assoziieren würde. So ist man dankbar für jede Sekunde Lebenszeit, die man nicht darauf verschwenden muss. Artiom Dashinsky aus Tel-Aviv heißt der nette Zeitgenosse, dem Dankbarkeit in diesem Sinne gebührt, ist er es doch, der die Photoshop-Action Retinize It entwickelte und nun kostenlos zur Verfügung stellt.

retinize-it

Retina auf 200%: Skalier es hoch, Baby

Retinize It besteht aus zwei Photoshop-Actions, von denen die eine jedoch lediglich einen Slice aus einer Ebene oder einem Smart Object erstellt, den „Für Web speichern“ Dialog aufruft und damit die Möglichkeit eröffnet, den Slice als Bild-Datei abzuspeichern.

retinizeit-photoshop

Die zweite Action tut prinzipiell das Gleiche, geht aber nach dem ersten Speichervorgang den nächsten Schritt. Sie skaliert die gewählte Ebene auf 200% hoch und öffnet dann erneut den entsprechenden Speicher-Dialog. Um die korrekte Benennung der Dateien und die korrekte Ablage im richtigen Pfad müssen Sie sich selber kümmern. Sie erinnern sich, Apples Konvention für Retina erwartet einen Dateinamen der Art bild@2x.format, etwa buddha@2x.png.

Die Aktionen arbeiten mit Ebenen und Gruppen. Da das „Retinizing“ schlicht darin besteht, die Auswahl auf 200% aufzublasen, sollten Sie darauf achten, den Vorgang nur auf Vektor-Formen oder Smart Objects los zu lassen. Anderenfalls kommt statt toller Retina-Optik miese Verpixelung dabei heraus…

Dashinskys beabsichtigter Anwendungszweck war entsprechend auch die Erstellung von UI-Elementen, die in der Regel ohnehin nicht detailintensiv angelegt sind. Dafür eignet sich eine Aktion wie Retinize It gut und spart eine beachtliche Menge Zeit im Vergleich zur manuellen Vorgehensweise. Da die Aktionen kostenfrei verfügbar sind, spricht nichts dagegen, diese wenigstens auszuprobieren, sofern man über Photoshop verfügt, natürlich…

Zusätzlich zu Retinize It bietet Dashinsky auf der Website zum Produkt noch einige Links zu interessanten Grundlagen-Artikeln an.

Links zum Beitrag

  • The best Photoshop actions for preparing designs for iOS or optimized for Retina-display websites | Retinize It
  • Artiom Dashinskys Twitter-Account | Twitter.com
Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

SEO7 Logo der Seo-Agentur in Esslingen und Stuttgart.

SEOSEVEN SEO & Webagentur

Esslingen

werbeagentur held traunstein logo

HELD Werbeagentur

Traunstein

Wolli Ruf Mediendesign Agentur Freiburg.

wolli ruf – mediendesign

Freiburg im Breisgau

CAF chris and friends berlin Logo.

CAF Webdesign Agentur

Berlin

pistis wordpress agentur logo

Philipp Pistis – WordPress Agentur

Zolling

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Foto der Inhaberin einer Social Media Agentur, umrahmt von einem Laptop und zur Linken zwei Bewertungen der Agentur.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑