Hallo Forum, ich wage mal den Umstieg von iWeb auf Acappella und es gefällt mir bisher sehr gut. Ich hier dennoch mal eine erste Frage:
Ich bereite meine Gestaltungselemente gerne in Illustrator vor. Bisher konnte ich eine Vektorzeichnung über copy paste sogar von direkt aus Illustrator in iWeb einsetzen können. Vorteil: die Grafik stellt sich immer scharf dar (ähnlich wie bei Schriften). Bei Acappella geht das anscheinend nicht. Kopiere ich eine Vektorgrafik aus Illustrator in die Acappella Arbeitsfläche wird ein grob gerastertes Bild mit schwarzer Transparenz angezeigt. Ich kann zwar die betreffenden Grafiken natürlich auch über Photoshop als PNGs mit Transparenz sichern aber die sind natürlich immer auflösungsabhängig.
Frage: gibt es eine Möglichkeit Vektorgrafiken optimal einzubinden? Und wenn ja: in welchem Format?
Jo, willkommen hier im Forum. Ja wir alle vermissen den intuitiven Ansatz von iWeb ( säufz ;-( ) Ein Wort der Erklärung: In einem Web Programm kann man erstmal keine anderen Programm Daten einbinden, kein pdf, kein doc, kein xls. Ein hochleistungs Vektorprogramm wie Illustrator benutzt extreme Postscript Codes, die sich also auch nicht in html umsetzen lassen. Was iWeb gemacht hat ist sicher ein Bild gewesen, vermutlich ein pict. Als Tip: Was zwischen Illustator und iWeb so einfach ging, kannst Du sicher mit Hilfe der Vorschau ( ein weit unterschätztes Grundprogramm) manuell machen. Vorschau macht ja datei.ai auf und Du kannst dann alle Möglichkeiten über "sichern unter" mal probieren und die Beste müsste so sein wie im iWeb.
Ich habe noch nie einen Menschen getroffen, der wirklich einen Dübel haben wollte. In Wirklichkeit wollen die nur ein Bild aufhängen.
Also ich kenne keinen Browser der Vektorgrafiken darstellen kann. Iweb hat diese vielleicht beim Erstellen der Seite richtig angezeigt, doch spätestens nach dem Veröffentlichen hat iWeb die Datei in PNG oder JPG umgewandelt. Dieses macht Web Acappella auch, jedoch schon beim Importieren. Schau mal in den Einstellungen von Web Acappella in welchem Format das Programm importierte Bilder umwandelt. Wenn dieses auf JPG steht versuch mal PNG. Vielleicht bindet Web Acappella das Bild dann richtig (ohne schwarzen Hintergrund) ein. Sonst kannst du noch versuchen das Bild über das HTML-Widget einbinden über den Code:
1
<img src="http://www.DeinLinkZurDatei" alt=""/>
Nur würde dir dieses nichts bringen, da wie schon geschrieben, kein Browser Vektorgrafiken unterstützt.
Vielen Dank für die Antworten. Im Grunde habe ich es ja geahnt, dass es nicht geht. Ich habe mal die Grafik aus iWeb in einem Ordner veröffentlicht. Sie heißt dann tatsächlich „droppedImage.png" und kann keine Wunderdinge. Sie ist nur ein klein wenig besser aufgelöst als mein traditionell erzeugtes PNG. Als Print-Grafiker achte ich natürlich gerne auf ein scharfes Schriftbild und Logos sollten nach Möglichkeit nicht unschärfer sein als Schrift. Besonders auffällig wird Unschärfe jetzt natürlich auf iPad und Co wenn man mit den Fingern näher an die Gestaltung heranzoomt. Das ist sicher auch ein Grund, warum Apple die Bildauflösung der Geräte verdoppelt. Entsprechend müsste man ja nun Bilder in 144dpi absichern. Ich weiß, die Ladezeit vervierfacht sich entsprechend. Aber bei einem Logo erscheint es mir sinnvoll.
Was mich zur nächsten Frage bringt: 1. wenn ich mein Logo in höherer Auflösung in Acappella verkleinert platziere. Rechnet Acappella das Logo dann beim Export wieder klein (auf 72dpi bei der Größe in der es platziert wird)?
2. Über die Auswahl Farbbereich kann ich ja rechteckige Farbflächen erstellen mit optionalen runden Ecken. Werden diese dann als Bilder exportiert oder sind die dann durch einen Code definiert, also ähnlich wie bei einer einer Vektorgrafik?
3. Was müsste ich nun tun, um ein einfarbiges Dreieck oder einen Kreis zu zeichnen? Dies geht doch nur als PNG aus Photoshop heraus. Also in letzendlich in Pixeln - richtig?
Zu 1. Interessante Frage. Da muss ich doch glatt mal probieren wie sich der Unterschied eines Bildes von 72 dpi auf 96 dpi und 144 dpi in der Dateigrösse und in der Webseitendarstellung unterscheiden. Das wird sofort auf meine Testliste gesetzt.
Zu 3. Was passiert denn, wenn man in Keynote (auch ein unterschätztes Zulieferprogramm für manch Dinge) Dreieck und Kreis erstellt und die Folie/Datei als HTML sichert? Code oder Bilder? Ich kann das jetzt nicht beantworten, deshalb schmeiss ich mal die Frage in Raum. (Probier das aber mal nächste Woche bei Gelegenheit)
Viele Fragen, und viele Fragen die du schnell durch Probieren selber herausfinden kannst. 1.) Zum Thema iPad und zoomen einer Seite. Wenn du eine Seite speziell fürs iPad generieren möchtest, dann solltest du eine eigene iPad Seite erstellen. Über Einstellungen in den Metatags kannst das Zoomen jedoch auch unterbinden. Diese Seite sollte dann auch die maximale Auflösung des iPads haben, damit die Seite schneller aufgebaut wird. Jetzt werden einige sagen höhere Auflösung gleich längere Ladezeit, doch das stimmt so nicht wirklich und nur bei grossen Bildern. Ich habe eine spezielle Seite fürs iPhone erstellt und diese Anfangs in der Auflösung eines Iphones ohne Retina Display programmiert. Da die Grafiken / Darstellungen auf einem iPhone mit Retina Display verschwommen aussahen, habe ich Tests mit der vollen Auflösung gestartet und siehe da, die Seite sah natürlich besser aus und wurde schneller Aufgebaut. Das wird daran liegen, dass das iPhone die Darstellung neu berechnen, also vergrössern musste. 2.) Bilder, die du in voller Grösse in Web Acappella einfügst und verkleinerst, diese sind nach dem Veröffentlichen auch reduziert. Bilder in 144 dpi sind für Internetseiten völlig überladen und bringen dir nichts. Wenn du es aber unbedingt haben möchtest, dann habe ich dir oben schon die Lösung aufgezeigt. 3.) Dein Farbbereich, Schatten usw., wird über CSS eingebunden und NICHT als Bild abgespeichert. Verringert die Ladezeit einer Seite enorm! Über HTML5 und CSS3 lassen sich viele Dinge gestalten, die das Internet interessanter macht, hier steckt Web Acappella aber noch in den Kinderschuhen. Um einen Kreis oder Dreieck zu zeichnen, nutzt du entweder ein Bildbearbeitungsprogramm und setzt dieses als PNG ein, oder beschäftigst dich mit CSS und HTML. Einfacher ist sicherlich die PNG Lösung, und einfarbige Bilder als PNG sind auch nicht speicherintensiv!
@Fred G Eger Keynote wird unterschätzt, da gebe ich dir absolut recht. Ich nutze das Programm auch oft um Dinge wie Button oder Ions und, und, und zu erstellen, doch der Export in HTML, bringt dir nichts. Die einzelnen Folien werden als Bild abgespeichert und über Javascript über einen Player in die Seite eingebunden. Die DPI-Geschichte finde ich persönlich unnütz und lass euch hier den Vortritt .
ich konnte das Spielen doch nicht lassen . Ich habe 3 Bilder erstellt - 1 x 144 dpi, 1 x 96 dpi und 1 x 72 dpi. Durch Herabsetzung der DPI-Zahl verändert sich automatisch die Grösse (Pixel) der Bilder. Also kann ich genauso ein Bild in 72 dpi in verschiedenen Grössen erstellen! Als nächstes habe ich eine Seite erstellt, nicht schlagen, denn nicht mit Web Acappella, sondern mit Flux, da ich hier die Bilder ohne Verkleinerung einbinden kann. Das kleinste Bild hat eine Grösse von 400x268 und das Grösste von 800x536 Pixeln, wobei die Bilder in einer Grösse von 300x201px auf der Seite dargestellt werden. Wenn man sich die Seite anschaut, sieht man keinen Unterschied. Erst wenn die Seite gezoomt wird, dann fallen natürlich je nach Vergrößerung die Unterschiede auf.
@Titus Dein Problem ist nicht die Auflösung der Bilder, dein Problem ist, dass du eine Seite mit einer kleinen Grösse auf einem Gerät mit der doppelten Auflösung betrachtest und dein iPad die Seite hochrechnet, was bewirkt, dass die Seite / Grafiken unscharf aussehen.
Lösung für dich, Bild via HTML-Baustein einbauen und das Bild mit doppelter Grösse einbinden und in halber Grösse angezeigt darstellen.
Dadurch musst du aber alle Bilder die betroffen sind über einen HTML-Baustein einbinden.
Du kannst die Codezeile kopieren und in deiner Seite einsetzen. Spiel ein bisschen herum und berichte über deine Erfahrung, damit alle daraus lernen können!
Zitat von harrison im Beitrag #9Jo, das Prinzip von Didis Testseite gilt auch für Web Acappella, beim zoomen wird das Bild mit der besseren Auflösung auch besser dargestellt.
Hä
Meinst du jetzt eine Seite mit den Bildern über den HTML-Baustein eingefügt oder einfach in Web Acappella importiert? Das Programm verkleinert die Bilder beim Veröffentlichen doch, oder habe ich was übersehen?
Jo, sorry - sicher natürlich als html-frame, wollte nur noch mal deutlich machen das Dein Beispiel genauso vom Prinzip auch in Web Acappella funzt. WA nimmt zwar grössere Bilder in das Archiv auf, stellt diese aber ( so wie ich das sehe) immer in 72dpi in der Anwendungsgrösse dar. In unserer Gallery habe ich noch teilweise alte iWeb Bilder-Seiten in 300dpi laufen, die neuen Bilder-Seiten unter WA haben dann auch 72dpi ( alle bei einer Grösse von ca 1200 x 900 pixel )
so, und nu kommt der "normale" Betrachter daher und sieht weder einen Unterschied, noch achtet er darauf.... und jetzt ? Dank "Vorschau" beim Mac, kann man (fast) alles in ein gutes .png umwandeln. Sonst können die Mac-User Bilder und Grafiken auch per Drag und Drop von Iweb in Web Acappella einfügen. Für Windows - User gibt es mit Sicherheit irgendwelche adäquaten Mittel und Wege......
Zitat von gandalf im Beitrag #13Sonst können die Mac-User Bilder und Grafiken auch per Drag und Drop von Iweb in Web Acappella einfügen.
Also bei mir nicht. Copy Vektorgrafik aus Illustrator, Paste in iWeb geht. Copy Vektorgrafik aus Illustrator, Paste in Web Acappella geht nicht. Copy aus iWeb, Paste in Web Acappella geht nicht.
Ich war ein paar Tage anderweitig beschäftigt und kümmere mich jetzt wieder um mein Projekt. Vielen Dank für die Antworten soweit!! Die Auflösungsfrage bleibt spannend. Die Beispiel-Curryseiten von harrison oben zeigen ganz gut was ich meine. Sein Logo (Schrift „Tristyle") wird nur in der hohen Auflösung scharf dargestellt und fällt das besonders auf wenn ich in meinem Layout Text neben mein Logo setze. Ich hoffe, ich bekomme eine höhere Auflösung für mein Logo hin.
Viele Fragen, und viele Fragen die du schnell durch Probieren selber herausfinden kannst. 1.) Zum Thema iPad und zoomen einer Seite. Wenn du eine Seite speziell fürs iPad generieren möchtest, dann solltest du eine eigene iPad Seite erstellen. Über Einstellungen in den Metatags kannst das Zoomen jedoch auch unterbinden. Diese Seite sollte dann auch die maximale Auflösung des iPads haben, damit die Seite schneller aufgebaut wird.
Im Grunde möchte ich nur 1 Webseite erstellen, die auf allen Plattformen bedienbar ist. Nach der maximalen Auflösung des iPad HD kann mich ja nicht richten, da sie für den normalen PC oder Mac ja viel zu groß im Format wäre. Aber der Tipp mit „Zoomen verboten" ist, glaube ich … eine Lösung. Ich experimentiere mal weiter. Danke.
Web Acappella - Forum, Tips und Tricks zum Bauen von Webseiten
»
Web Acappella
»
FRAGEN ZU PROBLEMEN
»
Fragen zur Version 4
»
Vektorgrafiken in Acappella?
Thema drucken
10.08.2012 21:53
Antworten
.
.
