Foto in mobile version is blurry

  • upsidestudio

    (@upsidestudio)


    2 years, 4 months ago

    Hello there!
    Im building my business website from scratch using elementor and templates from envato elements.
    Currently I discovered that the background picture under the header is very pixelated but only in the mobile version. When using the desktop version everything looks good. Also: when I switch on my lap top to the mobile version it also looks finde – the problem just occurs when Im actually using my smartphone to show the page.
    I already tried to optimize the foto (reducing size) but it didnt help at all.
    Any ideas what else could be the problem and how to fix this?
    Im very grateful for any feedback! 

    `
### wp-core ###

version: 6.4.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: /home/u347703596/domains/upside-studio.de/public_html
wordpress_size: 62,89 MB (65949090 bytes)
uploads_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/uploads
uploads_size: 183,17 MB (192070840 bytes)
themes_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/themes
themes_size: 94,18 MB (98749850 bytes)
plugins_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/plugins
plugins_size: 212,56 MB (222889810 bytes)
database_size: 238,73 MB (250331136 bytes)
total_size: 791,54 MB (829990726 bytes)

### wp-dropins (1) ###

object-cache.php: true

### wp-active-theme ###

name: Hello Elementor (hello-elementor)
version: 2.9.0 (latest version: 3.0.0)
author: Elementor Team
author_website: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, menus, post-thumbnails, automatic-feed-links, title-tag, html5, custom-logo, editor-style, align-wide, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider
theme_path: /home/u347703596/domains/upside-studio.de/public_html/wp-content/themes/hello-elementor
auto_update: Deaktiviert

### wp-themes-inactive (10) ###

Astra: version: 4.5.1, author: Brainstorm Force (latest version: 4.6.2), Automatische Aktualisierungen deaktiviert
GeneratePress: version: 3.3.1, author: Tom Usborne, Automatische Aktualisierungen deaktiviert
Hestia: version: 3.1.0, author: ThemeIsle, Automatische Aktualisierungen deaktiviert
Neve: version: 3.7.4, author: ThemeIsle (latest version: 3.7.5), Automatische Aktualisierungen deaktiviert
OceanWP: version: 3.5.3, author: OceanWP, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Four: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Three: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.6, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Ultra Gym: version: 1.0.5, author: Theme Palace, Automatische Aktualisierungen deaktiviert
Vertice: version: 1.0.4, author: Extend Themes, Automatische Aktualisierungen deaktiviert

### wp-mu-plugins (1) ###

Affiliate Plugin: author: (undefined), version: (undefined)

### wp-plugins-active (12) ###

All in One SEO: version: 4.5.3.1, author: All in One SEO Team, Automatische Aktualisierungen aktiviert
Elementor: version: 3.18.2, author: Elementor.com (latest version: 3.18.3), Automatische Aktualisierungen deaktiviert
Elementor Pro: version: 3.18.1, author: Elementor.com (latest version: 3.18.2), Automatische Aktualisierungen deaktiviert
ElementsKit Lite: version: 3.0.4, author: Wpmet, Automatische Aktualisierungen deaktiviert
Envato Elements: version: 2.0.12, author: Envato, Automatische Aktualisierungen deaktiviert
Hostinger: version: 1.9.9, author: Hostinger, Automatische Aktualisierungen deaktiviert
Hostinger AI Assistant: version: 1.6.7, author: Hostinger (latest version: 1.6.8), Automatische Aktualisierungen deaktiviert
LiteSpeed Cache: version: 5.7.0.1, author: LiteSpeed Technologies (latest version: 6.0.0.1), Automatische Aktualisierungen deaktiviert
Ocean Extra: version: 2.2.3, author: OceanWP (latest version: 2.2.4), Automatische Aktualisierungen deaktiviert
Orbit Fox Companion: version: 2.10.26, author: Themeisle (latest version: 2.10.27), Automatische Aktualisierungen deaktiviert
Site Kit by Google: version: 1.115.0, author: Google (latest version: 1.116.0), Automatische Aktualisierungen deaktiviert
Skyboot Custom Icons for Elementor - Elementor Icons library: version: 1.0.7, author: Skybootstrap, Automatische Aktualisierungen deaktiviert

### wp-plugins-inactive (1) ###

Elementor Header & Footer Builder: version: 1.6.22, author: Brainstorm Force, Nikhil Chavan (latest version: 1.6.23), Automatische Aktualisierungen deaktiviert

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1808
imagemagick_version: ImageMagick 7.1.0-62 Q16-HDRI x86_64 20885 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 2048M
upload_max_filesize: 2048M
max_effective_size: 2 GB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 2 TB
	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
	imagick::RESOURCETYPE_FILE: 196608
	imagick::RESOURCETYPE_MAP: 1.006 GB
	imagick::RESOURCETYPE_MEMORY: 503 GB
	imagick::RESOURCETYPE_THREAD: 1
	imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FITS, FL32, FLV, FRACTAL, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, 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, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCbCr, YCbCrA, YUV
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
ghostscript_version: 9.27

### wp-server ###

server_architecture: Linux 4.18.0-477.27.2.lve.el8.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 8.1.26 64bit
php_sapi: litespeed
max_input_variables: 5000
time_limit: 360
memory_limit: 2048M
max_input_time: 360
upload_max_filesize: 2048M
php_post_max_size: 2048M
curl_version: 7.87.0 OpenSSL/1.1.1w
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
current: 2024-01-09T09:24:03+00:00
utc-time: Tuesday, 09-Jan-24 09:24:03 UTC
server-time: 2024-01-09T10:24:01+01:00

### wp-database ###

extension: mysqli
server_version: 10.6.16-MariaDB-cll-lve
client_version: mysqlnd 8.1.26
max_allowed_packet: 1073741824
max_connections: 2000

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/u347703596/domains/upside-studio.de/public_html/wp-content
WP_PLUGIN_DIR: /home/u347703596/domains/upside-studio.de/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 2048M
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: Nicht definiert
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable

### aioseo (1) ###

noindexed: Suchseite

### google-site-kit ###

version: 1.115.0
php_version: 8.1.26
wp_version: 6.4.2
reference_url: https://upside-studio.de
amp_mode: no
site_status: not-connected
user_status: not authenticated
verification_status: not-verified
connected_user_count: none
active_modules: site-verification, search-console, pagespeed-insights
recoverable_modules: none
required_scopes: 
	openid: ⭕
	https://www.googleapis.com/auth/userinfo.profile: ⭕
	https://www.googleapis.com/auth/userinfo.email: ⭕
	https://www.googleapis.com/auth/siteverification: ⭕
	https://www.googleapis.com/auth/webmasters: ⭕
capabilities: 
	googlesitekit_authenticate: ✅
	googlesitekit_setup: ✅
	googlesitekit_view_posts_insights: ⭕
	googlesitekit_view_dashboard: ⭕
	googlesitekit_manage_options: ⭕
	googlesitekit_update_plugins: ⭕
	googlesitekit_view_splash: ✅
	googlesitekit_view_authenticated_dashboard: ⭕
	googlesitekit_view_wp_dashboard_widget: ⭕
	googlesitekit_view_admin_bar_menu: ⭕
	googlesitekit_view_shared_dashboard: ⭕
	googlesitekit_read_shared_module_data::["search-console"]: ⭕
	googlesitekit_read_shared_module_data::["pagespeed-insights"]: ⭕
	googlesitekit_manage_module_sharing_options::["search-console"]: ⭕
	googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ⭕
	googlesitekit_delegate_module_sharing_management::["search-console"]: ⭕
	googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ⭕
enabled_features: 
	adsenseSetupV2: ⭕
	enhancedMeasurement: ⭕
	gm3Components: ⭕
	keyMetrics: ⭕
search-console_shared_roles: none
search-console_management: owner
pagespeed-insights_shared_roles: none
pagespeed-insights_management: all_admins
search_console_property: none

`

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • WP Provider

    (@wpprovider)

    2 years, 4 months ago

    hello i couldn’t reproduce the problem can you give me further explanation about it

    Thread Starter upsidestudio

    (@upsidestudio)

    2 years, 4 months ago

    When I open the website on my laptop the first picture of the page is perfectly sharp – no matter if I open it in the desktop version or in the mobile version. When I open the website on my phone the picture is very blurry and pixelated. How do I get a sharp picture even when I open the website on a mobile device?

    WP Provider

    (@wpprovider)

    2 years, 4 months ago

    Your mobile image issue might be due to a few reasons. Try these steps:

    1. Check Image Quality: Use a high-resolution image, and try switching between JPEG and PNG formats to see which looks best.
    2. Elementor Mobile Settings: In Elementor, make sure the mobile settings for the background image are correctly adjusted (like size and position).
    3. Custom CSS: Use CSS media queries to set a high-quality background image specifically for mobile views.
    4. Optimize the Image: Make sure the image is optimized properly – good quality but not too heavy.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Foto in mobile version is blurry’ is closed to new replies.