# Kategorie Bannerbild lädt langsam
**URL:** https://meta.discourse.org/t/category-banner-image-slow-to-load/270755
**Category:** Support
**Tags:** category-banners
**Created:** [21. Februar 2023 um 13:22 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755 "2023-02-21T13:22:40Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@NoamH](https://meta.discourse.org/u/NoamH)
#### Post date: [21. Februar 2023 um 13:22 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/1 "2023-02-21T13:22:40Z")
> [@awesomerobot](#):
>
> ```plaintext
> .category-title-header {
> &.category-banner-example-category {
> background: url(example.jpg);
> }
> }
>
> ```
Ich habe dieses CSS verwendet, aber die Bilder brauchen 3 Sekunden zum Hochladen (die Bildgröße beträgt 240k)
Irgendwelche Vorschläge?
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [6. Juli 2023 um 13:01 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/2 "2023-07-06T13:01:32Z")
Hallo Noam, entschuldige die späte Antwort. Ich überprüfe das Hauptthema #category-banners und es gibt einige unbeantwortete Fragen, die ich in separate Themen verschiebe 🙂
Hast du das Problem am Ende gelöst?
---
### Author:  [@NoamH](https://meta.discourse.org/u/NoamH)
#### Post date: [9. Juli 2023 um 12:06 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/3 "2023-07-09T12:06:49Z")
Nein, der erste Upload dauert immer noch 3 Sekunden.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [9. Juli 2023 um 18:52 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/4 "2023-07-09T18:52:24Z")
> [@NoamH](#):
>
> Ich habe dieses CSS verwendet, aber die Bilder brauchen 3 Sekunden zum Hochladen (die Bildgröße beträgt 240k)
> Irgendwelche Vorschläge?
hmmm 🤔
Haben Sie versucht, das Bild als Asset zu laden, indem Sie es in ein Theme (oder eine Theme-Komponente) hochgeladen und eine Variable wie folgt verwendet haben?
```scss
.category-title-header {
&.category-banner-example-category {
background: url($example);
}
}
```
---
### Author:  [@NoamH](https://meta.discourse.org/u/NoamH)
#### Post date: [10. Juli 2023 um 05:51 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/5 "2023-07-10T05:51:38Z")
Ja, das ist der Code von unserer Seite:
.category-title-header.category-banner-show-and-tell {background-size: cover !important; background: url([https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/business20/uploads/algosec/original/1X/b94301fb225b079d905143074e33c5140e151f19.png](https://cdck-file-uploads-europe1.s3.dualstack.eu-west-1.amazonaws.com/business20/uploads/algosec/original/1X/b94301fb225b079d905143074e33c5140e151f19.png)); }
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [10. Juli 2023 um 15:42 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/6 "2023-07-10T15:42:19Z")
Es gibt nichts, was dem Hinzufügen eines Hintergrundbilds wie diesem inhärent ist, das es _langsam_ machen sollte, daher ist es schwer zu sagen. Laden andere Bilder überhaupt langsam?
Das Bild könnte etwas mehr optimiert werden, um die Dateigröße zu reduzieren. Es scheint keine Transparenz zu haben, daher könnte ein JPG kleiner sein als ein PNG. Sie können es auch weiter optimieren, indem Sie ein Tool wie [ImageOptim (Mac)](https://imageoptim.com/mac) oder ein webbasiertes Tool wie [TinyPNG](https://tinypng.com/) verwenden.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [4. September 2023 um 10:27 UTC](https://meta.discourse.org/t/category-banner-image-slow-to-load/270755/7 "2023-09-04T10:27:56Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.