Der weiße Hintergrund in meinem Apple Touch-Symbol wird schwarz ?? Mein weißer Hintergrund ist nicht transparent. Das Symbol hat ein weißes Dreieck, einen roten Kreis und einen schwarzen Text. Das einzige, was ich ausmachen kann, ist das weiße Dreieck und der rote Kreis. Irgendeine Idee, was das verursacht und wie man das Symbol behält seinen weißen Hintergrund? Sehr geschätzt.
Ich bin mir nicht sicher, was genau es war, aber ich habe es vielleicht eingegrenzt. Als ich die Bilder zum ersten Mal hochgeladen habe, hatten sie vielleicht den transparenten Hintergrund. Das zweite Mal, als ich sie hochgeladen habe, fügte ich den weißen Hintergrund hinzu, aber die Einstellung png save for devices war immer noch transparent. Das dritte Mal, als ich sie hochgeladen habe, habe ich sie gespeichert, ohne die Transparenz überprüft zu haben, aber immer noch den schwarzen Hintergrund. Die ganze Zeit, ich denke, der iOS Safari Browser hatte die erste Reihe von Bildern im Cache gespeichert. Nach den Cache leeren das neue Bild zeigte sich ohne Probleme.
Bearbeiten: Es ist der transparente Hintergrund, der es schwarz macht.
Wie gstricklind festgestellt hat, ignoriert iOS, wenn Ihr PNG Alpha-Kanal-Transparenz hat, jede "vorkomposierte" Direktive und wendet alle seine üblichen Effekte an, zusätzlich zu Ihrem Icon einen schwarzen Hintergrund zu geben (Weiß schien keine bessere Wahl zu sein) ??).
Die Lösung besteht natürlich darin, die Symbole ohne Transparenz vorzukompilieren. Dies macht es ziemlich schwierig, Androids Unterstützung von Alpha-Kanälen zu nutzen, während man auch iTouch-Icons anbietet, wenn ein schwarzer Hintergrund nicht für dich funktioniert. Ich fand dieses Werkzeug nützlich beim Komponieren: Ссылка
Gleiches Problem, das hier zu sehen ist: Wie man iOS dazu bringt, das Linkattribut" apple-touch-icon-precomposed "für eine" Web-App "richtig zu respektieren
Transparente Apple Touch Icons sind in der Tat möglich. Was Sie tun müssen, ist alle überschüssigen Informationen aus dem PNG mit ImageOptim für Mac Ссылка oder einem ähnlichen Programm unter Windows zu entfernen. Ich habe umfangreiche Recherchen durchgeführt und bin über die Antwort gestolpert, indem ich auf das Apple Touch-Symbol der Virtual DJ-Website geschaut habe. Dieses Symbol behält seinen transparenten Hintergrund bei iOS und MacOS Sierra. Ich betrachtete die Dateigröße und erkannte, wie klein sie mit den benutzerdefinierten Apple Touch-Symbolen mit Transparenz war, die ich für meine Favoriten in Safari erstellt hatte. Als Nächstes betrachtete ich die Dateiinformationen mit dem Inspector in der Mac Preview App. Alle meine benutzerdefinierten Apple Touch-Symbole hatten vier Registerkarten im Inspektor Abschnitt namens General, Exif, PNG und TIFF. Das virtuelle DJ-Symbol hatte nur zwei Registerkarten namens PNG und General. Nachdem ich meine benutzerdefinierten Bilder über ImageOptim ausgeführt hatte, fielen die Dateigrößen um mehr als 90% und die zusätzlichen Registerkarten TIFF und Exif verschwanden aus dem Inspektor in der Vorschau. Sicher genug, sobald ich meine benutzerdefinierten Bilder neu geladen und Safari gestartet habe alle meine Favoriten Tabs haben transparente Hintergründe !!!! Bitte beachten Sie das beigefügte Bild für den Nachweis. Transparente Apple-Touch-Icons
Tags und Links apple-touch-icon
