Bilder auf der Website nicht sichtbar

  • Gelöst niklasbernauer

    (@niklasbernauer)


    vor 1 Jahr

    Hallo zusammen,

    ich bin gerade dabei, meine Website KinderLiebe aufzubauen. Ich nutze hierfür aus finanziellen Gründen nur komplett kostenlose Plugins und Tools. Die Website baue ich mit dem Page Builder Elementor, weil ich keine Kenntnisse im Programmieren habe. Meine Website ist mit einigen Bildern und Fotos ausgeschmückt. Aktuell optimiere ich meine Bilder mit dem kostenlosen Onlinetool iLoveIMG (https://www.iloveimg.com/). Nun ist es so, dass seit dem Optimieren der Bilder und Fotos mit dem o.g. Tool diese nach kurzer Zeit nicht mehr auf meiner Website angezeigt werden, sondern nur der dazugehörige Alt-Text. Dieser steht auf der Fläche, wo eigentlich das Bild sein sollte. Es handelt sich dabei oft um dieselben Bilder, aber nicht immer. 

    In der Bearbeitungsleiste in Elementor sind die Bilder jedoch sichtbar. In der Mediathek und auf der Website aber nicht. Ich habe die Bilder schon vollkommen aus der Mediathek und meiner Website rausgelöscht und danach wieder neu eingefügt. Das funktioniert zwar kurzfristig, sind dann nach kurzer Zeit oder über Nacht aber wieder weg, sodass ich eigentlich nur damit beschäftigt bin, die Bilder wieder neu einzusetzen. Ich möchte noch erwähnen, dass ich schon alle Plugins deaktiviert habe, aber es nichts an der Situation verändert.

    Ich weiß jetzt einfach nicht mehr weiter, was ich noch tun kann. Ich hoffe, ihr könnt mir weiterhelfen!

    Hier mein Websitebericht:

    ` wp-core

    version: 6.7.2
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true wp-paths-sizes

    wordpress_path: /www/htdocs/w01f5bda/kinder-liebe.com
    wordpress_size: 67,08 MB (70338479 bytes)
    uploads_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/uploads
    uploads_size: 177,81 MB (186442912 bytes)
    themes_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/themes
    themes_size: 16,27 MB (17059059 bytes)
    plugins_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/plugins
    plugins_size: 241,52 MB (253250341 bytes)
    fonts_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/uploads/fonts
    fonts_size: directory not found
    database_size: 16,30 MB (17088512 bytes)
    total_size: 518,97 MB (544179303 bytes) wp-dropins (1)

    advanced-cache.php: true wp-active-theme

    name: OceanWP (oceanwp)
    version: 4.0.5
    author: OceanWP
    author_website: https://oceanwp.org/about-oceanwp/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, custom-line-height, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
    theme_path: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/themes/oceanwp
    auto_update: Deaktiviert wp-themes-inactive (1)

    Twenty Twenty-Four: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert wp-mu-plugins (1)

    NinjaFirewall WP (mu-plugin): version: 1.0, author: The Ninja Technologies Network wp-plugins-active (16)

    Antispam Bee: version: 2.11.7, author: pluginkollektiv, Automatische Aktualisierungen aktiviert
    Complianz | GDPR/CCPA Cookie Consent: version: 7.3.0, author: Really Simple Plugins, Automatische Aktualisierungen aktiviert
    Elementor: version: 3.27.4, author: Elementor.com, Automatische Aktualisierungen aktiviert
    Email Encoder - Protect Email Addresses: version: 2.2.2, author: Jannis Thuemmig, Automatische Aktualisierungen aktiviert
    Enable Media Replace: version: 4.1.5, author: ShortPixel, Automatische Aktualisierungen aktiviert
    Envato Elements: version: 2.0.16, author: Envato, Automatische Aktualisierungen aktiviert
    Essential Addons for Elementor: version: 6.1.2, author: WPDeveloper, Automatische Aktualisierungen aktiviert
    NinjaFirewall (WP Edition): version: 4.7, author: The Ninja Technologies Network, Automatische Aktualisierungen aktiviert
    Ocean Extra: version: 2.4.4, author: OceanWP, Automatische Aktualisierungen aktiviert
    Premium Addons for Elementor: version: 4.10.83, author: Leap13, Automatische Aktualisierungen aktiviert
    Ultimate Addons for Elementor Lite: version: 2.2.0, author: Brainstorm Force, Automatische Aktualisierungen aktiviert
    UpdraftPlus - Backup/Restore: version: 1.25.1, author: TeamUpdraft, DavidAnderson, Automatische Aktualisierungen aktiviert
    WordPress.com Editing Toolkit: version: 4.30504, author: Automattic, Automatische Aktualisierungen aktiviert
    WPForms Lite: version: 1.9.3.2, author: WPForms, Automatische Aktualisierungen aktiviert
    WP Super Cache: version: 2.0.0, author: Automattic, Automatische Aktualisierungen aktiviert
    Yoast SEO: version: 24.4, author: Team Yoast, Automatische Aktualisierungen aktiviert wp-plugins-inactive (1)

    Otter – Page Builder Blocks & Extensions for Gutenberg: version: 3.0.10, author: ThemeIsle, Automatische Aktualisierungen deaktiviert wp-media

    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1692
    imagemagick_version: ImageMagick 6.9.12-98 Q16 x86_64 18038 https://legacy.imagemagick.org
    imagick_version: 3.7.0
    file_uploads: 1
    post_max_size: 384M
    upload_max_filesize: 384M
    max_effective_size: 384 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 62 GB
    imagick::RESOURCETYPE_DISK: 9.22337203685E+18
    imagick::RESOURCETYPE_FILE: 786432
    imagick::RESOURCETYPE_MAP: 31 GB
    imagick::RESOURCETYPE_MEMORY: 4 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.22337203685E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, AVI, AVIF, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 10.02.1 wp-server

    server_architecture: Linux 6.8.0-40-generic x86_64
    httpd_software: Apache
    php_version: 8.2.26-nmm1 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 10000
    time_limit: 60
    memory_limit: 384M
    max_input_time: -1
    upload_max_filesize: 384M
    php_post_max_size: 384M
    curl_version: 8.5.0 OpenSSL/3.0.13
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2025-02-15T09:13:40+00:00
    utc-time: Saturday, 15-Feb-25 09:13:40 UTC
    server-time: 2025-02-15T10:13:37+01:00 wp-database

    extension: mysqli
    server_version: 10.11.8-MariaDB-0ubuntu0.24.04.1-log
    client_version: mysqlnd 8.2.26-nmm1
    max_allowed_packet: 67108864
    max_connections: 500 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content
    WP_PLUGIN_DIR: /www/htdocs/w01f5bda/kinder-liebe.com/wp-content/plugins
    WP_MEMORY_LIMIT: 256M
    WP_MAX_MEMORY_LIMIT: 384M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: undefined
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    fonts: not writable
    mu-plugins: writable wpforms

    version: 1.9.3.2
    lite: 18. Januar 2025 um 10:27 Uhr
    upload_dir: Beschreibbar
    total_forms: 1
    total_submissions: 1

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Hallo,
    in der developer console (Aufruf mit F12) kann man sehen, dass die Ursache für das Problem mixed content ist.

    Mixed Content bedeutet, dass eine Website, die verschlüsselt über HTTPS aufgerufen wird, Inhalte teilweise unverschlüsselt über HTTP ausliefert.
    Das kannst du sehen, wenn du z. B. über Chrome in die developer console schaust (Shortcut für Developer Console: F12).
    Du kannst deine Seite aber auch mal auf der folgenden Webseite prüfen und siehst dann die Fehler.
    Diese Fehler lassen sich z. B. über das Plugin „Better Search and Replace“ korrigieren (ersetzen von http://example.com/ durch https://example.com/).

    Vorher aber bitte auf jeden Fall eine Sicherung der Datenbank erstellen.

    Außerdem ist es sinnvoll, wenn du das Plugin WP Super Cache solange deaktivierst, wie solche Probleme noch nicht behoben sind.

    Viele Grüße
    Hans-Gerd

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Jahr

    Noch ein Nachtrag:
    Elementor bietet wohl auch eine integrierte Funktion, um URLs zu aktualisieren:

    Gehe in das WordPress-Dashboard zu Elementor > Tools.
    Wähle den Tab Replace URL.
    Gib die alte URL (z. B. http://example.com) und die neue URL (z. B. https://example.com) ein.

    Klicke auf Replace URL, um alle HTTP-Links in Elementor-Inhalten auf HTTPS zu aktualisieren.

    Ich verwende Elementor nicht und kann daher nicht sagen, ob das eine bessere Lösung ist. Trotzdem ist es vermutlich sinnvoll, wenn du nach einer Sicherung zunächst diese Lösungsoption testest.

    Die Website baue ich mit dem Page Builder Elementor, weil ich keine Kenntnisse im Programmieren habe.

    BTW: Du kannst übrigens auch ohne Programmierkenntnisse Websites bauen, ohne Elementor zu verwenden. 😉

    Viele Grüße
    Hans-Gerd

    Thread-Starter niklasbernauer

    (@niklasbernauer)

    vor 1 Jahr

    Hallo Hans-Gerd,

    erstmal recht herzlichen Dank für deine umfassende und schnelle Hilfe!

    Beide deiner Vorschläge konnten mein Problem leider nicht lösen. Es ist alles unverändert. Kann es sein, dass die Bildoptimierung durch iLoveIMG nicht kompatibel mit anderen Plugins ist?

    Die Bewertungen für das Bildoptimierungstool sind generell sehr gut, weshalb ich es für meine Bilder verwendet habe. Hast du eventuell noch andere Ideen, die mir helfen könnten, die Fehler zu beseitigen?

    Viele Grüße Niklas

    bscu

    (@bscu)

    vor 1 Jahr

    Ich sehe alle Bilder, lösche mal den Cache deines Browsers.

    Thread-Starter niklasbernauer

    (@niklasbernauer)

    vor 1 Jahr

    Hallo bscu,

    ich habe die Bilder einfach nur wieder eingefügt. Aber nach einiger Zeit sind diese wieder weg. Den Cache lösche ich regelmäßig.

    Ich habe inzwischen auch schon den Link gefunden, der den Fehler aufweist. Ich weiß aber nicht, wie ich den Link korrigieren kann. Das Ersetzen durch das Plugin Better Search Replace hat leider nicht funktioniert.

    Hast du evtl. noch eine andere Idee?

    Viele Grüße Niklas

    Moderator threadi

    (@threadi)

    vor 1 Jahr

    Wie bindest Du diese Bilder mit Hilfe von iLoveImg genau ein? Beschreib mal bitte wie Du da vorgehst.

    Thread-Starter niklasbernauer

    (@niklasbernauer)

    vor 1 Jahr

    Hey threadi,

    ich habe die Bilder nacheinander auf der Website iLoveIMG unter Komprimieren hochgeladen, diese optimieren lassen und anschließend die optimierte Version auf meinen Laptop heruntergeladen.

    Dann bin ich in WordPress in die Mediathek gegangen und habe dort die Originalbilder mit den optimierten Bildern ausgetauscht.

    Viele Grüße Niklas

    Moderator threadi

    (@threadi)

    vor 1 Jahr

    Das Austauschen von Bildern ist in WordPress nicht wirklich sauber möglich. Du müsstest es eigentlich löschen und neu hochladen. Dadurch gehen jedoch mögliche Verknüpfungen in Inhalten verloren. Auch könnte der Dateiname ein anderer sein.

    Es gibt Plugins die einen beim Austausch unterstützen, das hier z.B.: https://de.wordpress.org/plugins/enable-media-replace/

    Thread-Starter niklasbernauer

    (@niklasbernauer)

    vor 1 Jahr

    Hallo threadi,

    ich bin so vorgegangen, wie du empfohlen hast und jetzt ist alles bestens. Herzlichen Dank und noch einen schönen Sonntag wünscht Niklas!

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)

Das Thema „Bilder auf der Website nicht sichtbar“ ist für neue Antworten geschlossen.