WBCE CMS – Way Better Content Editing.
Du bist nicht angemeldet.
Hallo liebe Mitstreiter,
ich habe hier zum Thema im Forum und in der Dokumentation leider nichts gefunden.
Gibt es eine Möglichkeit die Vorschaugröße der Thumbnails in der Medienverwaltung zu verändern?
Ich habe das Ganze mal mit Neoflows Fraggy, Advanced Theme WBCE Flat und mit dem Argos Theme Reloaded getestet...
Alle zeigen das Gleiche Mäusekino.
Okay, man kann mit der Maus darüberfahren, aber vom Arbeitsablauf wäre hier die Möglichkeit einer generell größeren Ansicht (auch optional) wünschenswert.
Gibt es eine Möglichkeit hierfür???
Beitrag geändert von better-work (04.07.2017 10:03:47)
Gruß Jörg
Offline
Ja.
Öffne die /admin/media/thumb.php mit einem geeigneten Editor und ändere
$img->resize_limitwh(50,50);
z.B. zu
$img->resize_limitwh(100,100);
Öffne dann die /templates/AdvancedThemeWbFlat/templates/media_browse.htt und ändere die Zeile
<td width="18" style="padding-left: 10px;">
z.B. zu
<td width="100" style="padding-left: 10px;">
Da die Thumbs "on the fly" generiert werden, macht sich das auch rückwirkend bemerkbar.
Code allein macht nicht glücklich. Jetzt spenden!
Offline
better-work
Als Ergänzung dazu,
beim Argos-Reloaded in /templates/argos_theme_reloaded/css/media.css ggf. hier die width-Angabe anpassen:
#list .image {
width: 60px;
}
... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...
Offline
florian, better-work
Wow, vielen Dank für die schnellen Antworten....
Gruß Jörg
Offline
...und im Fraggy Backend Theme wäre dann beispielsweise Folgendes sinnvoll=
templates/media_browse.htt
[== PHP ==]
<!-- BEGIN list_block -->
<tr>
<td width="100"> <!-- war= <td width="40"> -->
<a class="icon" href="{LINK}" target="{LINK_TARGET}">
<img src="{FT_ICON}" border="0" height="60" width="80" /> <!-- war= height="16" width="16" -->
</a>
</td>
<td>
<a href="{LINK}" target="{LINK_TARGET}">{NAME}</a>
</td>
<td>
<small>{IMAGEDETAIL}</small>
</td>
<td>
<small>{DATE}</small>
</td>
<td class="{DISPLAY_RENAME} text-right">
<a href="rename.php?dir={CURRENT_DIR}&id={TEMP_ID}" title="{TEXT_RENAME}"><i class="fa fa-fw fa-pencil"></i></a>
<a href="javascript:confirm_link('{CONFIRM_DELETE}\n {NAME_SLASHED}', 'delete.php?dir={CURRENT_DIR}&id={TEMP_ID}');" title="{TEXT_DELETE}"><i class="fa fa-fw fa-trash"></i></a>
</td>
</tr>
<!-- END list_block -->
Gruß Jörg
Offline
So, neue Problematik dazu:
Lässt sich die Qualität der Vorschaubilder, sprich die Komprimierung, ebenfalls anpassen?
Gruß Jörg
Offline
VERMUTUNG:
In der admin/media/resize_img.jpg in Zeile 263ff:
elseif($this->imgType=='JPG')
{
if(!empty($newfile))
@imagejpeg($newimg,$newfile,85);
else
{
@header("Content-type: image/jpeg");
@imagejpeg($newimg);
}
}
Den Wert 85 anpassen und/oder bei den anderen imagejpg-Aufrufen ergänzen
(kleiner = kleinere Dateigröße, stärkere Kompression, schlechtere Qualität - siehe http://php.net/manual/en/function.imagejpeg.php)
Das gilt dann aber für alle Bilder, die diese Funktion verwenden.
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Sorry, keine Lösung, aber pure Neugierde:
warum möchtest du die Komprimierung anpassen?
... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...
Offline
@bernd=
Weil die Vorschaudateien gruselig aussehen. Allerdings kann das eigentlich nicht sein, denn=
@florian=
Wenn die Qualität bereits mit 85 % eingestellt ist, sollte es aber besser aussehen...
Wahrscheinlich habe ich dann einen (Denk-) fehler in meiner Konfiguration...
Da ich fraggy verwende, klemmt es wahrscheinlich an dieser Stelle (FT_ICON)=
<td width="100"> <!-- war= <td width="40"> -->
<a class="icon" href="{LINK}" target="{LINK_TARGET}">
<img src="{FT_ICON}" border="0" height="60" width="80" /> <!-- war= height="16" width="16" -->
</a>
Gruß Jörg
Offline
Klick so ein Bild (in Firefox) mal mit der rechten Maustaste an und gehe auf "Grafik-Info anzeigen". Bei "Maße" stehen dann die physikalischen und dargestellten Maße. Wenn die physikalischen deutlich kleiner als die dargestellten Maße sind, kommt es zu so einer verwaschenen Darstellung. Du müsstest dann prüfen, ob die hier beschrieben Änderungen vorge- bzw. übernommen wurden.
Weiterhin scheint im Frggy-Theme für die Bilder die Größe per CSS gesetzt zu werden, jedenfalls ist das deutlich Größer als 60x80. Also nochmal Rechtsklick aufs Bild, "Element untersuchen" wählen und schauen, wo und was für Prozent- oder Pixelmaße im Stylesheet festgelegt sind.
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Alles klar, vielen Dank, das werde ich mir nochmal ansehen.
In der CSS Datei war ich noch nicht, das erscheint allerdings logisch...
Gruß Jörg
Offline
Hallo,
so das habe ich mir jetzt angesehen. Allerdings kann ich da bei den css Anweisungen nicht wirklich etwas entdecken.
Fakt ist aber das die Vorschaudatei wesentlich verkleinert wird.
.../admin/media/thumb.php?t=1&img=/head-slides/slide1-1200x400.jpg
Die Bildzeile lautet=
<img src="thumb.php?t=1&img=/head-slides/slide1-1200x400.jpg" style="width:auto;" border="0" height="110">
thump.php
$img->resize_limitwh(150,150); // Original war= $img->resize_limitwh(50,50);
Über eine Idee würde ich mich freuen...
Gruß Jörg
Offline
So, ich habe das Ganze noch etwas angepasst:
fraggy backend theme=
/fraggy-backend-theme/templates/media_browse.htt
ab Zeile 98
[== PHP ==]
<!-- BEGIN list_block -->
<tr>
<td width="80"> <!-- war= <td width="40"> -->
<a class="icon" href="{LINK}" target="{LINK_TARGET}">
<img src="{FT_ICON}" border="0" height="60" style= "width:auto;" /> <!-- war= height="16" width="16" -->
</a>
</td>
Damit sieht das Ganze halbwegs ordentlich aus...
Beitrag geändert von better-work (21.06.2017 16:55:57)
Gruß Jörg
Offline
Wird mit Fraggy v1.7.0 optimiert sein:
So in Ordnung für alle Beteiligten?
Gruss
Offline
colinax, florian
Danke, muss ich mir dann die Tage mal LIVE ansehen...
Gruß Jörg
Offline
colinax
Wäre es sinnvoll, die folgenden Werte:
In der admin/media/resize_img.jpg in Zeile 263ff:
elseif($this->imgType=='JPG') { if(!empty($newfile)) @imagejpeg($newimg,$newfile,85); else { @header("Content-type: image/jpeg"); @imagejpeg($newimg); }}
Öffne die /admin/media/thumb.php mit einem geeigneten Editor und ändere
$img->resize_limitwh(50,50);
beim Argos-Reloaded in /templates/argos_theme_reloaded/css/media.css ggf. hier die width-Angabe anpassen:
#list .image { width: 60px; }
Öffne dann die /templates/AdvancedThemeWbFlat/templates/media_browse.htt und ändere die Zeile
<td width="18" style="padding-left: 10px;">
generell auf folgende zu ändern:
In der admin/media/resize_img.jpg in Zeile 263ff:
elseif($this->imgType=='JPG') { if(!empty($newfile)) @imagejpeg($newimg,$newfile,100); else { @header("Content-type: image/jpeg"); @imagejpeg($newimg); }}
Öffne die /admin/media/thumb.php mit einem geeigneten Editor und ändere
$img->resize_limitwh(100,100);
beim Argos-Reloaded in /templates/argos_theme_reloaded/css/media.css ggf. hier die width-Angabe anpassen:
#list .image { width: 100px; }
Öffne dann die /templates/AdvancedThemeWbFlat/templates/media_browse.htt und ändere die Zeile
<td width="100" style="padding-left: 10px;">
Offline
@imagejpeg($newimg,$newfile,100);
Falls ich das richtig sehe, behandelt das ja die Qualität der erstellten Thumbnails.
Hier würde ich aber denken, das die 85 % völlig Okay sind, oder? Im Bezug auf große Verzeichnisse und sehr viele Grafiken...
Gruß Jörg
Offline
Durch das schrumpfen der Bilder zu Thumbnails (z. B. FullHD zu 100x100px) habe ich schon einen enormen Qualitätsverlust.
Das nochmalige verschlechtern kann ich mir ja dann sparen, müsste ja auch der Performance und Reaktionszeit zu gute kommen.
Beitrag geändert von colinax (04.07.2017 11:28:06)
Offline
better-work
Ich sehe gerade:
quality
quality is optional, and ranges from 0 (worst quality, smaller file) to 100 (best quality, biggest file). The default is the default IJG quality value (about 75).
Kurz um, folgendes funktioniert auch:
@imagejpeg($newimg,$newfile);
Laut Logik sollte da die original Qualität des Bildes verwendet werden.
Offline
Ich hab mal die bessere Darstellung der Thumbnails Hier umgesetzt.
Offline
better-work, florian