Bilddarstellungen Desktop / Tablett / Handy

denise.heusser
4 Posts
denise.heusser posted this 08 February 2023
Ask a Question

Geschätztes Nicepage-Team
Die Bilddarstellung wird in den verschiedenen Geräten nicht richtig dargestellt und ich kann dies nicht beeinflussen. Liegt dies daran, dass die Pixelbreiten der einzelnen Geräte mit den Vorgaben in Nicepage verschieden sind? Das iPad Pro hat 2700 Pixel Breite und in Ihrer Vorlage werden 700 px angegeben. Muss ich weitere Vorlagen ergänzen mit der Breite von jedem Gerät?

Die Seite erkennt, dass es ein Tablet dargestellt werden muss – jedoch stimmt die Darstellung nicht. Der transparente Text 'TRITT FÜR TRITT ist in der Tablet- und Handyversion verborgen – wird aber trotzdem auf dem iPad dargestellt. Das Bild mit dem Wasser wird total vergrössert und ist unscharf. Im Editor kann ich alles richtig einrichten – auch die Vorschau stimmt grösstenteils, aber auf dem Gerät ist es anders.

Danke für einen Hinweis, wie das richtig eingestellt wird im Editor, so dass es auch auf den Geräten stimmt.

Beste Grüsse / Robert

(Webmaster für diese Seite)

Geschätztes Nicepage-Team Die Bilddarstellung wird in den verschiedenen Geräten nicht richtig dargestellt und ich kann dies nicht beeinflussen. Liegt dies daran, dass die Pixelbreiten der einzelnen Geräte mit den Vorgaben in Nicepage verschieden sind? Das iPad Pro hat 2700 Pixel Breite und in Ihrer Vorlage werden 700 px angegeben. Muss ich weitere Vorlagen ergänzen mit der Breite von jedem Gerät? Die Seite erkennt, dass es ein Tablet dargestellt werden muss – jedoch stimmt die Darstellung nicht. Der transparente Text 'TRITT FÜR TRITT ist in der Tablet- und Handyversion verborgen – wird aber trotzdem auf dem iPad dargestellt. Das Bild mit dem Wasser wird total vergrössert und ist unscharf. Im Editor kann ich alles richtig einrichten – auch die Vorschau stimmt grösstenteils, aber auf dem Gerät ist es anders. Danke für einen Hinweis, wie das richtig eingestellt wird im Editor, so dass es auch auf den Geräten stimmt. Beste Grüsse / Robert (Webmaster für diese Seite)
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
denise.heusser
4 Posts
denise.heusser posted this 08 February 2023

Hier noch Screenshots zum Problem.

Hier noch Screenshots zum Problem.
xvemanuelvx
362 Posts
xvemanuelvx posted this 08 February 2023

Hallo. Manchmal wird im Browser etwas rein- oder rausgezoomt. Daher kannst du dich nicht auf diese Pixel-Angaben für einzelne Geräte verlassen. Außerdem hast du das Tablet im Querformat. Ich gehe davon aus, dass dein Tablet die Laptop-Größe nimmt.

Hallo. Manchmal wird im Browser etwas rein- oder rausgezoomt. Daher kannst du dich nicht auf diese Pixel-Angaben für einzelne Geräte verlassen. Außerdem hast du das Tablet im Querformat. Ich gehe davon aus, dass dein Tablet die Laptop-Größe nimmt.
denise.heusser
4 Posts
denise.heusser posted this 08 February 2023

Vielen Dank – ich kann mit der Antwort nicht so viel anfangen – was heisst 'Manchmal wird im Browser etwas rein- oder rausgezoomt.' Ich möchte die Kontrolle, wie die Darstellungen in den einzelnen Geräten angezeigt werden – wenn das nicht möglich ist, ist der Editor nicht wirklich brauchbar. Jedoch wird man dies sicher in den Griff bekommen können. Wie geht das oder worauf muss geachtet werden beim Laden des Bildes?

Ja, ich habe die Hochformat-Einstellung gemacht im Editor und auf dem iPad quer angeschaut – es gibt ja nur eine Querformat Handyversion. Hochformat auf dem Tablet wird auch nicht richtig dargestellt. Gibt es einen Leitfaden, wie das richtig eingestellt wird?

Danke für eine hilfreiche Stellungnahme!

Beste Grüsse / Robert

Vielen Dank – ich kann mit der Antwort nicht so viel anfangen – was heisst 'Manchmal wird im Browser etwas rein- oder rausgezoomt.' Ich möchte die Kontrolle, wie die Darstellungen in den einzelnen Geräten angezeigt werden – wenn das nicht möglich ist, ist der Editor nicht wirklich brauchbar. Jedoch wird man dies sicher in den Griff bekommen können. Wie geht das oder worauf muss geachtet werden beim Laden des Bildes? Ja, ich habe die Hochformat-Einstellung gemacht im Editor und auf dem iPad quer angeschaut – es gibt ja nur eine Querformat Handyversion. Hochformat auf dem Tablet wird auch nicht richtig dargestellt. Gibt es einen Leitfaden, wie das richtig eingestellt wird? Danke für eine hilfreiche Stellungnahme! Beste Grüsse / Robert
xvemanuelvx
362 Posts
xvemanuelvx posted this 09 February 2023

Das wird auch nicht möglich sein, wenn du nur mit HTML und CSS Code arbeitest. Ich verstehe aber dein Problem nicht, denn du kannst ja dennoch eine gute Website erstellen. Immerhin soll sie überall gut aussehen, und nicht nur auf deinem Tablet. Du hast bereits die Kontrolle, wie es auf unterschiedlichen Geräten angezeigt wird.

Dazu muss ich außerdem erwähnen, dass die abgebildeten Icons für das responsive Design nicht genau für die Geräte sind, die abgebildet sind. Ich habe einen Laptop, aber ein 4k Display und daher den Zoom sehr stark reduziert. Das habe ich gemacht, damit mehr auf meinem Bildschirm angezeigt wird. Obwohl es ein Laptop ist, kann ich mir Websites in der Größe eines Fernsehers ansehen. Es kommt also auf das Gerät und die Einstellungen des Geräts an. Es kann sein, dass bei einem besonders kleinen und alten Tablet das responsive Design für das Smartphone verwendet wird. Ich hoffe, du verstehst, was ich meine.

Nutze gegebenenfalls die Entwicklerwerkzeuge in Chrome, da kannst du ganz genau das responsive Design prüfen.

Wenn du Probleme im Editor hast, solltest du von links (Desktop) nach rechts (Mobilansicht) arbeiten. Außerdem lohnt es sich, mit den Einstellungsmöglichkeiten im Property Panel zu arbeiten. Das ist die Seitenleiste auf der rechten Seite. Hier kannst du alle Abstände und die Größen genau einstellen. Ich finde, dass das zuverlässiger als drag and drop ist.

Lg aus Österreich

Das wird auch nicht möglich sein, wenn du nur mit HTML und CSS Code arbeitest. Ich verstehe aber dein Problem nicht, denn du kannst ja dennoch eine gute Website erstellen. Immerhin soll sie überall gut aussehen, und nicht nur auf deinem Tablet. Du hast bereits die Kontrolle, wie es auf unterschiedlichen Geräten angezeigt wird. Dazu muss ich außerdem erwähnen, dass die abgebildeten Icons für das responsive Design nicht genau für die Geräte sind, die abgebildet sind. Ich habe einen Laptop, aber ein 4k Display und daher den Zoom sehr stark reduziert. Das habe ich gemacht, damit mehr auf meinem Bildschirm angezeigt wird. Obwohl es ein Laptop ist, kann ich mir Websites in der Größe eines Fernsehers ansehen. Es kommt also auf das Gerät und die Einstellungen des Geräts an. Es kann sein, dass bei einem besonders kleinen und alten Tablet das responsive Design für das Smartphone verwendet wird. Ich hoffe, du verstehst, was ich meine. Nutze gegebenenfalls die Entwicklerwerkzeuge in Chrome, da kannst du ganz genau das responsive Design prüfen. Wenn du Probleme im Editor hast, solltest du von links (Desktop) nach rechts (Mobilansicht) arbeiten. Außerdem lohnt es sich, mit den Einstellungsmöglichkeiten im Property Panel zu arbeiten. Das ist die Seitenleiste auf der rechten Seite. Hier kannst du alle Abstände und die Größen genau einstellen. Ich finde, dass das zuverlässiger als drag and drop ist. Lg aus Österreich

Last edited 09 February 2023 by xvemanuelvx

denise.heusser
4 Posts
denise.heusser posted this 09 February 2023

Geschätzter NP-Supporter

Grundlegend habe ich das schon verstanden – vielen Dank für die Antwort. Es liegt eben im Detail. Da ich nicht coden kann, bin ich ganz auf den Editor angewiesen. Mir ist eben nicht klar, wie der Editor arbeitet und auf welche Einstellungen er reagiert. Soweit wird ja alles iO dargestellt, nur werden die Bilder mal extrem aufgezoomt und dadurch natürlich sehr unscharf dargestellt. Gibt es eine Stelle, wo man auch telefonisch mal über die Sache sprechen kann? Ein deutschsprachiger User, der schon länger mit Nicepage arbeitet, wäre ideal. Ich würde die Supportzeit auch honorieren, wenn es zielführend ist. Ich bin aus der Schweiz mit österreichischen Wurzeln :-) – ein Gespräch wäre toll. 0041 44 784 75 97.

Beste Grüsse / Robert

Geschätzter NP-Supporter Grundlegend habe ich das schon verstanden – vielen Dank für die Antwort. Es liegt eben im Detail. Da ich nicht coden kann, bin ich ganz auf den Editor angewiesen. Mir ist eben nicht klar, wie der Editor arbeitet und auf welche Einstellungen er reagiert. Soweit wird ja alles iO dargestellt, nur werden die Bilder mal extrem aufgezoomt und dadurch natürlich sehr unscharf dargestellt. Gibt es eine Stelle, wo man auch telefonisch mal über die Sache sprechen kann? Ein deutschsprachiger User, der schon länger mit Nicepage arbeitet, wäre ideal. Ich würde die Supportzeit auch honorieren, wenn es zielführend ist. Ich bin aus der Schweiz mit österreichischen Wurzeln :-) – ein Gespräch wäre toll. 0041 44 784 75 97. Beste Grüsse / Robert
You must log in or register to leave comments