Interaktive Medien - Sommersemester 2009
In Anlehnung an das Thema Digitalisierung der Medien soll bei dieser Aufgabe der anwendungsgerechte Umgang mit digitalen Medien im Internet bewiesen werden.
Was bedeutet "anwendungsgerecht"?
Da wahrscheinlich jede(r) TeilnehmerIn schon einmal Fotos mit einer Digitalkamera gemacht hat und viele vermutlich den Megapixelwahn der Hersteller (und der damit verbundene steigende Speicherbedarf pro Foto) verfolgen konnten, darf man sich fragen, wofür man solch hohe Auflösungen benötigt.
Für Großformatabzüge (Fototapeten etc.) machen Auflösungen jenseits der 10 Megapixel durchaus Sinn, während für 9x13-Abzüge im Grunde viel Speicherplatz vergeudet wird. Doch es gibt Fälle, in denen man eine noch niedrigere Auflösung und Dateigröße benötigt; nämlich im Web.
Ziel der Aufgabe ist deshalb, drei vorgegebene Bilder sinnvoll zu verkleinern und komprimieren. Es soll dabei die Auflösung an das Medium (den Weblog) angepasst werden und ein guter Kompromiss* zwischen Dateigröße und Bildqualität gefunden werden, weshalb ihr unter den drei Bildern auch ein "Problembild" findet, welches optisch zwar nicht ansprechend ist, aber dem JPEG-Codec einiges abverlangt.
*) Eine hohe Kompression erzeugt Artefakte, welche zu einem gewissen Grad tolerierbar sind, wenn dadurch die Dateigröße entsprechend sinkt. Ab einem gewissen Grad jedoch wird das Bild unansehnlich und muss mit weniger Kompression gespeichert werden. Beachtet dabei bitte, dass die subjektiv "maximal" mögliche Kompressionsstufe stark vom Bildinhalt abhängig ist und deshalb je Bild ermittelt werden muss!
Was wird verlangt?
Die drei folgenden Bilder müssen mit einem Bildbearbeitungsprogramm (Adobe Photoshop, Gimp, ... bzw. das kostenlose Onlinetool pixlr, welches auch im Tutorium verwendet werden wird) in ihrer Auflösung an die Darstellungsgröße im Weblog angepasst werden und mit einer vernünftigen Dateigröße (erreicht durch JPEG-Kompression) in einen neuen Beitrag in eurem Weblog eingefügt werden. Dieser Beitrag muss eine textuelle Beschreibung enthalten, welche Auflösung und Kompressionsstufe jeweils gewählt wurde, anhand welcher Merkmale diese gewählt wurde und welche Erfahrungen ihr dadurch gewinnen konntet. In einem Kommentar auf diesen Beitrag verweist ihr auf euren Beitrag (Direktlink zum Beitrag, nicht zur Übersichtsseite!) und signalisiert mir damit, dass die Aufgabe gelöst wurde.
NIM Aufgabe6 Foto1
NIM Aufgabe6 Foto2
NIM Aufgabe6 Grafik
Ich bitte euch darum, euren Namen (mittels Textwerkzeug im Bildbearbeitungsprogramm) in die Bilder zu geben, damit abgegebene Bilder nicht von anderen verwendet werden.
Tipp: Eine (zugegeben) kurze Anleitung, wie Bilder in einen Beitrag eingebettet werden können, findet ihr hier (bzw. im Tutorium).
Achtung: Beim Einfügen in den Weblog bietet euch Collabor an, große Bilder automatisch zu verkleinern. Da dabei das Bild neu gespeichert wird, ändert sich auch die Kompressionsstufe - für diese Aufgabe also denkbar ungünstig. Ihr müsst deshalb beim Einfügen darauf achten, dass die Grenzen ÜBER der tatsächlichen Auflösung der einzufügenden Bilder liegen (zB: 3000x3000).
Punkte: 1
Abgabe: 8. Juni 2009
In meinem Blog habe ich die Aufgabe 6 bearbeitet und zusätzlich noch einen weiteren Beitrag mit Zusatzinfos zum Thema Pixelgrafiken etc. geschrieben.
... commentlink
... comment
In meinem Blog habe ich kurz beschrieben, warum und nach welchen Kriterien ich meine Bilder für die Präsentation im Internet vorbereitet haben. Es gibt 3 wichtige Punkte: Die Bildgröße, die Auflösung und die Kompressionsrate ......
Näheres gibt in meinem Blog.
... commentlink
... comment
Auf meinem Blog findet ihr die Lösung von Aufgabe 6. Ich habe die drei Bilder mit Gimp bearbeitet. Außerdem findet ihr eine kurze Erklärung warum ich mich für welche Aufösung, Kompressionsrate und Größe der Bilder entschieden habe.
... commentlink
... comment
Hier findet ihr meine Lösung der Aufgabe 6.
... commentlink
... comment
In meinem Beitrag habe ich mich mit der Bearbeitung mittels Microsoft Office Picutre Manager beschäftigt und versucht meine vorangegangene Erfahrung damit einbringen zu können
... commentlink
... comment
Auf meine Blog habe ich zuerst alle drei angepassten Bilder eingefügt und dann eine kurze ERklärung angeschlossen.
lg, Milena
... commentlink
... comment
Nach diesem Motto richtet sich mein Beitrag zur Aufgabe 6. Auf welche Weise ich die 3 Bilder komprimiert habe, seht ihr auf meinem Blog.
... commentlink
... comment
Hier ist meine Lösung.
... commentlink
... comment
Laut der Aufgabe 6, habe ich auf meinem Weblog die vorgegebenen Bilder bearbeitet und in meinen Text eingefügt. Hier gehts zu meiner gelösten Aufgabe...
... commentlink
... comment
Mein Beitrag beschreibt meine Vorgehensweise zum Bearbeiten der angegebenen Bilder.
... commentlink
... comment
Auf meinen Webblog werden einige Erfahrungen über die Bildereinstellung und die Benutzung des Softwares befasst.
... commentlink
... comment
Hier findet ihr meine Lösung der Aufgabe 6.
... commentlink
... comment
ich die Bilder der Aufgabenstellung entsprechend bearbeitet.
Ergebnisse fiedet Ihr hier!
... commentlink
Meine Lösung der Aufgabe habe ich als Beitrag in meinem Blog veröffentlicht.
... commentlink
... comment
In meinem Blog habe ich die Aufgabe 6 bearbeitet. Hier gehts zu meinen Ergebnissen.
... commentlink
... comment
Hier kommt ihr zu meinem Beitrag, in dem ich Aufgabe 6 bearbeitet habe. Zur Komprimierung der Bilder habe ich das Onlinetool pixlr ausprobiert.
... commentlink
... comment
... habe ich meine Lösung zu Aufgabe 6 online gestellt und habe die Bilder zum Teil in mehrfacher Ausführung online gestellt um die Unterschiede bei der Kompression zu verdeutlichen, was aber im Beitrag erklärt ist.
Zusätzlich ist die Grafik auch in jeweils zwei Varianten des GIF und des PNG Formats hinterlegt um auch auf diese Formate kurz einzugehen.
... commentlink
... comment
Auch ich habe die Aufgabe 6 bearbeitet. Zur Lösung habe ich das angebotene Programm Pixlr verwendet. Die Ergebnisse könnt ihr auf meinem Blog sehen.
... commentlink
... comment
Die Aufgabe 6 habe ich mit dem Bildbearbeitungsprogramm GIMP gelöst und meine Ergebnisse könnt ihr in meinem Blog nachlesen.
... commentlink
... comment
Hier kommt ihr zu meinem Blog, wo ihr die Lösung meiner Aufgabe findet.
Ich habe für die Bearbeitung der Bilder den Adobe Photoshop verwendet.
... commentlink
... comment
Wie es mir bei der Bildbearbeitung ergangen ist und wie meine Ergebnisse aussehen, könnt ihr hier nachlesen.
... commentlink
... comment
Ich habe die Lösung zu Aufgabe 6 in meinem Lernblog veröffentlicht.
LG Petra
... commentlink
... comment
Ich habe die zu bearbeitenden Bilder mittels Photoshop bearbeitet. Näheres findet ihr auf meinem Blog.
... commentlink
... comment
Ich habe mich bei dieser Aufgabe damit beschäftigt, das optimale Verhältnis zwischen Kompressionsrate und Bildqualität zu finden, damit die Bilder bestmöglich für den Internetauftritt geeignet sind. Zu finden hier auf meinem Blog.
... commentlink
... comment
ich war sehr überrascht, was das Onlinetool pixlr alles zu bieten hat. nach einigen Spielereien habe ich es dann auch geschafft, die Bilder zu komprimieren. Meine Lösungen dazu gibt es in meinem aktuellen Beitrag.
... commentlink
... comment
Die Ausarbeitung der Aufgabe 6 ist im Beitrag auf meinem Lernblog zu finden!
... commentlink
... comment
Mit den gängigen Bildbearbeitungsprogrammen ist es kein Problem die Qualität und Bildgrößen bei vorgefertigten Bildern zu verändern. Wie ich die Aufgabe erledigt habe, findet ihr hier.
... commentlink
... comment
In meinem Blog findet ihr die drei von mir bearbeiteten Bilder und ein kurzes Kommentar von mir
... commentlink
... comment
Auf meinem Blog habe ich mich mit der Aufgabe 6 beschäftigt. Man kann sehen und nachlesen wie ich die Fotos bearbeitet habe. Hier gibts mehr.
... commentlink
Nun habe auch ich die Bilder bearbeitet. Näheres hier.
... commentlink
In meinem Blog kann man nun nachlesen, wie ich die digitalen Bits und Bytes transformiert habe...
... commentlink
... comment
In diesem Beitrag befasse ich mich mit der sechsten Aufgabenstellung...
Bei den folgenden Abbildungen versuchte ich durch eine Verkleinerung der Bildgröße sowie einer Reduzierung der Bildqualität eine für das Internet adäquate Optimierung zwischen Qualität und Dateigröße zu finden.
... commentlink
... comment
habe auch ích die Aufgabe 6 gelöst. Mehr dazu hier.
... commentlink
... comment
In meine Blog habe ich mich mit Aufgabe 6 beschafftigt.
... commentlink
... comment
Hier findet ihr meinen Beitrag zu dieser Aufgabe.
... commentlink
... comment
Wie mein persönliches Empfinden für eine größtmögliche Bildqualität bei kleinstmöglicher Bildgröße aussieht, das findest du HIER in meinem BLOG.
... commentlink
... comment
In meinem Blog findet ihr meine Bilder! Erklärungen sind kostenlos als extra vorhanden.
http://collabor.idv.edu/0622305/stories/27216/
... commentlink
Die bearbeiteten Bilder der Aufgabe 6 finde ihr in meinem Beitrag:
... commentlink
... comment
In meinem Beitrag könnt ihr nachlesen, wie ich diese Aufgabe gelöst habe.
... commentlink
... comment
Die von mir bearbeiteten bzw. komprimentierten Bilder findet ihr samt einer kurzen Dokumentation der Vorgehensweise in meinem Lernblog.
Gruß, Daniel
... commentlink
Ich habe für die Aufgabe 6 Adobe Photoshop 6.0 verwendet. Die Lösung findet ihr auf meinem Weblog.
... commentlink
... comment
Hallo!
Im Rahmen der Aufgabe 6 beschäftige ich mich mit der Bild-Kompression im Web. Mein Ziel ist es eine optimale Kompromisslösung zwischen Bildqualität und Bildgröße zu erreichen. Mehr dazu findest du auf meinem Blog!
... commentlink
... comment
... commentlink
Sodala, hier könnt ihr euch auch meine Lösung der Aufgabe 6 anschauen.
... commentlink
... comment
... commentlink
... comment
Wie ich diese Aufgabe gelöst habe könnt ihr in meinem Blog nachlesen.
... commentlink
... comment
Für meine Bildbearbeitung habe ich zwei Programme benützt. Zum einen den Microsoft Office Picture Manager und zum anderen das kostenlose Onlinetool pixlr. Was dabei heraus gekommen ist seht ihr hier.
... commentlink
... comment
Die Bearbeitung der Bilder und die Beschreibung des Vorgangs in meinem Blog.
... commentlink
... comment
In meinem Beitrag könnt ihr nachlesen wie ich die Aufgabe gelöst habe.
... commentlink
... comment
Habe mich auch mit den Inhalten der Kompression und Darstellung von Bilddateien im Netz beschäftigt. Das Ganze habe ich sehr ausführlich dokumentiert, damit es jedermann/frau möglich ist im Photoshop die Schritte nachzuvollziehen...
... commentlink
... comment
Auch ich habe mich mit der Bearbeitung der drei Bilder beschäftigt. Dabei habe ich immer auf die beiden Faktoren Qualität und Bildgröße geachtet. Meine fertigen Bilder findet ihr hier.
... commentlink
... comment
Auf meinem Webblog habe ich die 3 Fotos mit pixlr bearbeitet und online gestellt. Bei näherem Interesse einfach hier...
... commentlink
... comment
Auf meinem Blog habe ich alle drei bearbeitete Bilder eingefügt und dazu habe ich eine kurze Erklärung hingeschrieben.
Lg Ilir
... commentlink
... comment
In meinem Blog könnt ihr lesen wie ich die Bilder bearbeitet habe.
... commentlink
... comment
Meine gelöste Aufgabe befindet sich hier.
... commentlink
... comment
Wenn man Bilde oder Grafiken nicht zu sehr mit Photoshop-Werkzeugen behandelt, dann bleibt die Qualität oft besser bei gleichzeitig geringer Speichergröße.
Mehr Infos gibts auf meinem Blog!
... commentlink
... comment
....nun endlich Aufgabe 6 veröffentlicht. Wie die meisten habe ich Photoshop (6.0) für die Bildbearbeitung verwendet. Welche Ergebnisse ich dabei erzielt habe und wie es mir dabei ergangen ist, könnt ihr hier in meinem Blog nachlesen.
... commentlink
... comment
Ich habe die drei Übungsbilder mittels dem Bildbearbeitungsprogramm GIMP bearbeitet. Das Ergebnis ist hier zu sehen.
... commentlink
... comment
Hallo Romana! Ich finde deinen Beitrag wirklich sehr...
für mich eine horrorvorstellung, denn ich liebe...
meine Ausführungen über den Einsatz von Wikis...
Welchen Einfluss hat der Trend des Web 2.0 auf die...
Seit 2004 hat der Begriff "Web 2.0" eine Revolution...
