Was mache ich falsch?

Das kann ich dir leider nicht beantworten.

Ich bleibe schon an der Frage hängen, was genau dich am Original stört und was an der Bitmapkopie.

zu 1.
Das Original ist 32x32 px mit einer Speichergröße von 1,58 kB.

Wie klein hättest du es denn gern? 😜

zu 2.
Ich sehe kaum einen Unterschied bei deinem Bitmap. Meinst du die weißen Ränder? (zumindest rate ich das so; das Bild ist viel zu klein). Oder meinst du den Hintergrund?
Dein Bitmap ist halt kein png.

Gruß Marboe

[...] Was mache ich falsch? [...]

Du vermutlich nichts... 😉

@marboe und @BilderMacher haben es ja schon richtig gesehen, die Kopie wurde halt nicht im PNG Format erstellt...

Der WD ist der Übeltäter, weil er je nach Einstellung Bitmap Kopien standardmäßig im JPG Format anlegt. Damit geht die Transparenz des Hintergrunds (Rechteck) verloren...

Prüf das mal:

Viel Erfolg

Ich meinte den Hintergrund. Mal ist er transparent, mal nicht.

Laut WD ist es PNG (es gibt ja auch nichts anderes zum auswählen) mit True Color + Alpha.

Mci stört, dass beim laden die Zahlen und die Kreise, aus denen die Gruppe besteht, separat geladen werden, wenn die Internetgeschwindigkeit mal nicht so schnell ist.

Gruss, Chris

[...] Laut WD ist es PNG mit True Color + Alpha.[...]

Dann müsstest Du die Transparenz (Farbe) des Hintergrunds nacharbeiten. Klar, dass man auch eine Grafik im PNG Format mit einem nicht transparentenHintergrund kopieren kann... 😊

[...]dass beim laden die Zahlen und die Kreise, aus denen die Gruppe besteht, separat geladen werden, [...]

Das beobachtest Du auf deiner Website? Ist eigentlich ausgeschlossen.

Denn Objekt-Gruppen werden zu einer Grafik konvertiert und auf der Homepage gibt es dann auch nur ein Bild.

Also dein Zwischenschritt, eine Bitmap-Kopie zu erstellen, ist überflüssig.

Ja, ich hab gestern bei uns auf Arbeit die Seite mal geöffnet und er hat zuerts die Zahl blau geladen, da da ein Link zu einerm POPUP hinterlegt ist, dann hat der die Kreise geladen, dann die Zahl in weiss mit der richtigen Schriftart.

EDIT @BilderMacher: Dieses "normalerweise" in dem Textschnipsel find ich lustig ... 😂 Benutze ich im Verkauf auch immer, wenn ich mir bei einer Sache sicher bin ... abe doch nicht zu 100%. 😆

Dann lege den Link doch auf die ganze Gruppe.

Schon ist dein Problem gelöst. Gruß Marboe

Is er ja ...

... normalerweise.

Hier mal ein Link zu einem Video. Ich hab mal das Laden in Zeitlupe aufgenommen, da bei mir daheim das Internet schnell genug ist. Selbst da ist der Effekt zu sehen.

Zu den Speisekarten gab es mal einen Link. Der ist weg. Wo kann man sich nun das Ergebnis (und das Problem) selbst ansehen?

@BilderMacher

[...] Wo kann man sich nun das Ergebnis (und das Problem) selbst ansehen?

hier 😍

@BeRo, danke dafür. Ist auf meinem kleinen Bildschirm kaum zu erkennen.

Schön wäre es, wenn man solche Informationen im Profil erhalten würde.

Hier mal meine BA mit Zeitlupe Faktor 0,49 ...

Geht sehr schnell, keine getrennte Darstellung. Und laut Quelltext nur ein PNG für 1 und 2.

Zumindest ist es in meinem Chrome nicht zu erkennen, was du hier als Problem anführst. 😕

Bei mir ist das Ergebnis das selbe, BilderMacher. Auch mein Firefox sagt, dass das ein PNG ist. Aber wie erklärt sich dann mein Video?

Mein Gedanke war: "Dann mach ich das PNG halt selber ...." Das Ergebnis sind die Schatten auf den Hintergründen.

BTW @christian-juhasz

Ich habe gerade mal ein bisschen auf Deiner Site "herumgeklickt". Mir ist dabei aufgefallen, dass Du die Seitengröße für die Vollbilddarstellung auf "Flughafen Monitoren" angelegt hast und schon bei Seitengrößen <1430 Px auf die Mobilversion umgeschaltet wird. Ist das wirklich so gewollt?
Wenn ja, an welches Mobilgerät hast Du dabei gedacht? 😇

Nachteiliger Effekt der "beeindruckenden" Größe ist, dass die Darstellung bei normaler Fenstergröße rechts- und links abgeschnitten wird und dabei auch Seitenobjekte horizontal verschoben werden, z. B. die Kopfzeile der einzelnen Gruppen der Speisekarte (3).

Der rechte Teil des Hintergrunds der Speisekarte wird nach oben gescrollt (1).
Der Text der Speisekarte scrollt unter der Titelzeile durch (2).

Außerdem verschwinden die per popup Ebenen eingeblendeten Inhalte unterschiedlich, z. B. wird je nach Mausaktion die Kopfzeile einer Gruppe der Speiskarte separat ausgeblendet und der Rest der Karte bleibt geöffnet.
Abhängig vom Inhalt (Anzahl Textzeilen) einer angezeigten Karte werden die Zeilen von der Kopfzeile einer Gruppe verdeckt.

usw.

Wenn das nicht alles genauso geplant war, sieht es so aus, als hättest Du noch viel Arbeit vor Dir... 😁

Zur Grösse: Jain, das ist momentan online noch so. Offline gibt es mittlerweile mehrere Grössen. Ich arbeite hier daheim an 2 LENOVO Monitoren mit QHD. Daher die vergrösserte Darstellung. Ich arbeite an einer 1920er, einer 1366er Version. Die mobile Version soll für Tablets sein. Eine 375er für Smartphones kommt noch.

zu den Fehlern: Die Version stammt von vor ein paar Tagen 3:30 ... 😁 Offline sind die meissten schon behoben.

Trotzdem Danke fürs Durchschauen. Wenn Dir noch was auffällt, bitte melden, evtl. hab ichs übersehen.

Chris

[...] Ich arbeite an einer 1920er, einer 1366er Version [...]

Die Standardgröße von Websites ist aus gutem Grund <1000 Px, der "Rest" wird üblicherweise mit Hintergrundgrafiken/Bildern ausgefüllt, die seitenfüllend (responsive) angelegt werden.
Für den Besucher solcher Seiten sieht es dann so aus, als wäre die komplette Website z. B. für einen QHD Monitor angelegt. Der wichtige Seiteninhalt bleibt in dem Fall auch dann vollständig sichtbar, wenn das Browserfenster "nur" auf 1000Px Breite aufgezogen wird, was der Einstellung entspricht, die am häufigsten benutzt wird.

Vor dem Hintergrund macht es vermutlich Sinn, mal über die Größe (Breite) der Website nachzudenken. 😉

Ja, da hast Du Recht, mit den Grössen. Ich finde nur diese Seiten optisch nicht ansprechend, bei denen in der Mitte ein Streifen Seite steht und links und rechts alles leer ist.

[...] Ich finde nur diese Seiten optisch nicht ansprechend, bei denen in der Mitte ein Streifen Seite steht [...]

Dass das so nicht sein muss, zeigen u. a. auch Templates, die der WD als Vorlagen mitliefert.

Eine Seite, die linke, wurde mit einer Breite von 960 Px angelegt, die andere mit 1100 Px

Du siehst, es geht, wenn man das Layout entsprechend plant... 🙂

Das meinte ich ...

👎:

https://vertriebszeitung.de/integrieren-sie-sales-coaching-den-vertriebsalltag/

https://www.unternehmer.de/marketing-vertrieb/130313-fuehrungsinstrument-sales-coaching-mehr-als-nur-anleiten-und-anweisen

https://www.foto-kurs.com/fotografie-grundlagen.php

👍:

https://tatiborges.com/?gclid=EAIaIQobChMI89Pa-ouN2gIVj24bCh2fjQizEAAYASAAEgLwzfD_BwE

https://www.foto-schwaegerl.de/

https://www.captiva-power.de/

[...] Das meinte ich ... [...]

Kein Problem, das kannst Du auch, Du musst Deine Site nur mit echtem responsive Design programmieren. 😎

Die Betonung liegt hier auf "programmieren", denn die Funktion gibt's nun mal nicht auf einen Mausklick 😫