1.Problem: Zu geringe Verkleinerung der Bilder.
Es geht um die Galerie http://wp21.fotografie-welt.net/home-v48/ und die Größe der Bilder in der Lightbox (wenn man draufklickt)
Derzeit sind die meisten Bilder auf 1300 Pixel bei der langen Seite, aber zuerst hatte ich einen Test gemacht:
Foto hochladen in 6000 x 4000 px in großer Komprimierungsqualität = 7,2 MB
Bild wird von Wordpress-Theme automatisch heruntergerechnet auf 2560 x 1708 = 1,2 MB
Auf diese Größe wird scheinbar bei allen Devices heruntergerechnet - zumindest auf meinem neuen Macbook 16“ genauso wie auf meinem Android-Smartphone im Hochformat gehalten.
(Auch eine stärkere Komprimierung bringt keine sehr viel kleineren Bildspeichergrößen: Wenn ich das gleiche Bild in 6000x4000 px mit 30% speichere, ist es zwar im Original nur 1,2MB groß, aber in der Website-Darstellung auf 2560x1708 immernoch 949kb. Das vorherige verstärken der Komprimierung bringt also nur 20% - vermutlich weil Wordpress selbst die Komprimierung schon verstärkt)
In meinen Augen ist es nicht wirklich sinnvoll, Bildgrößen um 1MB je Bild in Galerien zu haben, was meint Ihr?
Alles anzeigen
WordPress rechnet für Smartphone Anwender die Bilder auf 25xx maxiale Seitenlänge runter. D.h. Die unterwegs schöne Urlaubsbilder schießen sollen ohne Probleme eben Fotos hochladen können.
Eine Seitenlänge von 2560 Pixel ist meiner Meinung nach ausreichend. Dies kannst Du aber mit Plugins oder PHP Code ausschalten.
Meiner Meinung wichtiger ist, was stellst du Serverseitig WordPress als Bildbearbeitungssoftware zur Verfügung. gd-Lib oder etwas sinnvolles?
Gleichzeitig solltest du bedenken, dass WordPress in der Regel nur Bilder verkleinert *ohne* die oft notwendige Nachschärfung.
Sehr gute Reduzierung der Dateigröße kann WordPress in der Regel nur durch kostenpflichtige Plugins.
Üblich ist auch das WebP format wobei andere Bildformate besser sind.
Weiss hier jemand, wo ich einstellen kann, auf welche Größen die Bilder bei welchen Devices heruntergerechnet werden (der Themne-Support ignoriert diese Frage)?
Die Wordpress-Einstellung unter Einstellungen/Medien scheint es nicht zu sein - dort steht als maximale Bildgröße 1024 x 1024.
steht in der Regel im PHP Script in der funktions:
add_image_size( 'md-blog', 800, 480, true );
In der Regel sollte es auch in der Dokumentation vom Theme stehen
Wenn dass das einzige Problem wäre, gäbe es ja einen einfachen Workaround: Einfach die Bilder selbst vor dem Hochladen auf 1800 Pixel runterrechnen.
Solltest du wert auf Qualität legen, erstelle mit richtiger Software die Bilder auf deinem Rechner in der richtigen Größe her. Dann kann css die Bilder besser skallieren.
Ich möchte, dass ein Bild mit 1800px Seitenlänge ca. 80% meines Displays ausmacht.
https://www.w3.org/Style/Examples/007/figures.de.html
[/tatsu_inline_text][tatsu_icon name= "icon-play" size= "medium" style= "circle" bg_color= "" hover_bg_color= '{"id":"palette:1","color":"#ffffff"}' color= '{"id":"palette:1","color":"#ffffff"}' hover_color= '{"id":"palette:2","color":"#222222"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border_width= "2" border_color= '{"id":"palette:1","color":"#ffffff"}' hover_border_color= '{"id":"palette:1","color":"#ffffff"}' border= '{"d":"0px 0px 0px 0px"}' outer_border_color= "" alignment= "center" ripple_effect= "0" ripple_color= "" href= "http://florian-busch.de/virtuelle-tour…vtour/tour.html" new_tab= "0" lightbox= "1" image= "" video_url= "http://florian-busch.de/virtuelle-tour…vtour/tour.html" hover_effect= "none" animation_type= "none" animation_delay= "0" margin= '{"d":"0px 0px 20px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" hover_box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_duration= "300" padding= '{"d":""}' border_radius= "" key= "H14bqJ9yat"][/tatsu_icon][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= "#f2f3f8" bg_image= "" bg_repeat= "repeat" bg_attachment= '{"d":"scroll"}' bg_position= '{"d":"top left"}' bg_size= '{"d":"cover"}' bg_animation= "none" padding= '{"d":"90px 0% 90px 0%"}' margin= '{"d":"0px 0px 0px 0px"}' bg_video_mp4_src= ""
^- hau weg den mist? oder was wolltest du uns sagen?
