--- url: "/de/pixelay/faq/troubleshooting.md" description: "Anleitung zur Fehlerbehebung für Pixelay: Einrichtung der Erweiterung, Probleme mit URLs, Besonderheiten beim Export und Netzwerkeinschränkungen." --- # Fehlerbehebung für Pixelay > Anleitung zur Fehlerbehebung für Pixelay: Einrichtung der Erweiterung, Probleme mit URLs, Besonderheiten beim Export und Netzwerkeinschränkungen. ## Pixelay lädt keine URLs (Chrome-Erweiterung erforderlich) Damit du deine Designs mit Pixelay mit URLs vergleichen kannst, installier das [Chrome-Plugin von Pixelay](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp). Es läuft im Hintergrund und lädt Pixelay, sobald im Browser eine URL aus dem Plugin erkannt wird. ## Next.js-App (Vercel) lädt nicht Wenn du eine Next.js-App mit Pixelay vergleichen willst, erscheint manchmal die Meldung „Application error: a client-side exception has occurred“ und die Seite lädt nicht. Probier in diesem Fall den Link unten, der ohne die Chrome-Erweiterung funktioniert, und setz deine Pixelay-ID ein: https://pixelay.hypermatic.com/YOUR_PIXELAY_PROJECT_ID_HERE (zum Beispiel https://pixelay.hypermatic.com/n4ok457201973) ## Ablauf von URLs Deine sicheren Links und Bilder werden nach 180 Tagen Inaktivität automatisch entfernt (180 Tage, nachdem der Link zuletzt aufgerufen und angesehen wurde). So liegen sie nicht versehentlich herum, wenn sie ihren Zweck erfüllt haben. ## Dünne weiße Linie um exportierte Bilder Gelegentlich haben Bilder an den Rändern eine schwache, dünne weiße Linie. Figma [macht das](https://twitter.com/Skcrub/status/1255544876701270017), wenn eine Ebene nicht auf einem ganzzahligen Pixelwert liegt (zum Beispiel Y: 156.76 oder X: 56.3). Dann landet automatisch diese Subpixel-Linie im Export. Um das zu beheben, achte darauf, dass alle Positionen deiner Ebenen ganzzahlige Pixelwerte sind. ## Websites mit CSS-Einheit „vh“ Nutzt das CSS deiner Website für Elemente die Einheit „vh“, können diese deutlich höher erscheinen als bei einer üblichen Browserhöhe, weil Pixelay die Viewport-Höhe auf die volle Höhe deines Figma-Mockups setzt. ## Neue URL für deine Figma-Datei erstellen Da diese Funktion recht heikel ist, gibt es dafür keinen Button und kein Symbol. Stattdessen aktivierst du sie, indem du bei laufendem Plugin den „Konami-Code“ auf deiner Tastatur eingibst: `Up, Up, Down, Down, Left, Right, Left, Right, B, A` Gibst du diese Tastenfolge ein, erstellt das Plugin Pixelay eine ganz neue URL für deine Figma-Datei. So kannst du sie zum Beispiel in einer duplizierten Figma-Datei eingeben, damit diese eine andere, neue URL als das Original bekommt. ## Verpixelte Bilder im Export Lädst du deine Designs hoch, während die Bilder in Figma noch nach und nach laden, können sie im Export verpixelt aussehen, weil das Bild vor dem Export noch nicht vollständig in der Figma-Datei geladen war. Stell deshalb sicher, dass alle Bilder zu 100 % geladen sind und in der Figma-Datei scharf aussehen, bevor du sie mit dem Plugin Pixelay hochlädst. Zusätzlich kannst du mit der [Funktion „Downsizer“](/de/tinyimage/downsize) deine Bildfüllungen auf die Größe ihrer Ebene verkleinern. Dadurch sinkt ihre Dateigröße und sie laden in deiner Figma-Datei viel schneller. ## Designs werden nicht aus dem Plugin hochgeladen oder Bilder laden nicht in der Web-App Ein möglicher Grund ist, dass dein Internetanbieter das QUIC-Protokoll blockiert. Das kannst du prüfen, indem du die Entwicklerkonsole im Browser oder in Figma öffnest und nach der Fehlermeldung `ERR_QUIC_PROTOCOL_ERROR` suchst. Für dieses Problem gibt es ein paar Workarounds: 1. Verbinde deinen Computer über den WLAN-Hotspot bzw. das Tethering deines Smartphones mit dem Internet 2. [Deaktiviere QUIC](https://kinsta.com/knowledgebase/err_quic_protocol_error/) in deinem Browser ## Netskope verhindert das Laden der Pixelay-Frames Es gibt ein bekanntes Problem, bei dem [Netskope](https://www.netskope.com/) den Zugriff auf Firebase-Datenbanken blockiert. Um das zu beheben, erlaube `firestore.googleapis.com:443` (siehe [diesen Thread](https://stackoverflow.com/questions/52441316/firestore-grpc-behind-a-corporate-firewall-proxy)). ## In China ist eventuell ein VPN nötig Hinweis: Wenn du in China bist, wird der Kontoserver _möglicherweise_ von der „Great Firewall of China“ blockiert. Siehst du trotz eines gültigen Schlüssels einen Aktivierungsfehler, brauchst du wahrscheinlich ein [VPN](https://protonvpn.com/free-vpn/), um das Problem zu lösen. ## „An error occurred while loading the plugin environment“ Das kann in der Figma-Desktop-App passieren, wenn die Debug-Einstellung [Use Developer VM](https://www.figma.com/plugin-docs/debugging/#developer-vm) in Figma versehentlich aktiviert ist. Um sicherzugehen, dass sie ausgeschaltet ist, klick mit der **rechten Maustaste** auf eine beliebige Stelle im Figma-Canvas, fahr mit der Maus über **Plugins** und dann über **Development** und prüf, dass **Use Developer VM** _nicht_ angehakt ist. Sobald die Option deaktiviert ist (und _kein_ Häkchen daneben steht), sollte das Figma-Plugin beim erneuten Ausführen wie erwartet funktionieren.