[BUGFIX] Optimized Dashboard backend module, optimized images used an…

…d removed unused images

Build/resources/sass/backend-module.scss

@@ -67,6 +67,7 @@ $gutter: 32px;
 					background-color: rgba(#fff, 0.75);
 					font-weight: bold;
 					text-align: center;
+					color: #000;
 				}
 			}
 		}

CHANGELOG.md

@@ -24,6 +24,8 @@ We will follow [Semantic Versioning](http://semver.org/).
 - Ajax Calls for `saveScores` and `prominentWords` have the correct JSON header now
 - (TYPO3 12+) Language id is now taken from `moduleData` within the request object for displaying the snippet preview
   - All languages mode now shows the default language instead of nothing
+- Optimized images that are used in the Dashboard module and load them directly instead of through `f:image`
+  - Removed old unused images
 
 ## 10.1.0 January 27, 2025
 ### Added

Resources/Private/Partials/Dashboard/View.html

@@ -26,10 +26,10 @@ <h2>
 
             <p>
                 <a href="https://www.maxserv.com" target="_blank" class="yoast-seo-credits__link">
-                    <f:image src="EXT:yoast_seo/Resources/Public/Images/LogoMaxServ2019.png" height="50" class="img"/>
+                    <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/LogoMaxServ.png')}" alt="MaxServ" class="img"/>
                 </a>
                 <a href="https://yoa.st/typo3-yoast-homepage" target="_blank" class="yoast-seo-credits__link">
-                    <f:image src="EXT:yoast_seo/Resources/Public/Images/LogoYoast.png" height="60" class="img"/>
+                    <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/LogoYoast.png')}" alt="Yoast" class="img"/>
                 </a>
             </p>
         </div>
@@ -109,47 +109,47 @@ <h2>
 
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-basic-seo" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Basic_course_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Basic_course_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.basic_seo')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.basic_seo"/>
                 </p>
             </a>
         </div>
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-copywriting" class="yoast-seo-academy__link" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Copywriting_course_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Copywriting_course_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.seo-copywriting')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.seo-copywriting"/>
                 </p>
             </a>
         </div>
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-multilingual-seo" class="yoast-seo-academy__link" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Multilingual_SEO_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Multilingual_SEO_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.multilingual')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.multilingual"/>
                 </p>
             </a>
         </div>
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-site-structure" class="yoast-seo-academy__link" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Site_structure_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Site_structure_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.site-structure')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.site-structure"/>
                 </p>
             </a>
         </div>
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-structured-data" class="yoast-seo-academy__link" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Structured_data_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Structured_data_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.structured-data')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.structured-data"/>
                 </p>
             </a>
         </div>
         <div class="col-xs-6 col-sm-4 col-lg-3 yoast-seo-academy__item">
             <a href="https://yoa.st/typo3-technical-seo" class="yoast-seo-academy__link" target="_blank">
-                <f:image src="EXT:yoast_seo/Resources/Public/Images/Technical_SEO_1_banner.png" width="400" class="img img-responsive"/>
+                <img src="{f:uri.resource(path: 'EXT:yoast_seo/Resources/Public/Images/Technical_SEO_1_banner.png')}" alt="{f:translate(key: 'LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.technical-seo-1')}" class="img img-responsive"/>
                 <p>
                     <f:translate key="LLL:EXT:yoast_seo/Resources/Private/Language/BackendModule.xlf:academy.technical-seo-1"/>
                 </p>