Update splash

REUSE.toml

@@ -109,7 +109,7 @@ SPDX-FileCopyrightText = "Nara Oliveira and Farid Abdelnour"
 SPDX-License-Identifier = "LGPL-3.0-or-later"
 
 [[annotations]]
-path = "data/pics/splash-background.png"
+path = "data/pics/splash-background.webp"
 precedence = "aggregate"
 SPDX-FileCopyrightText = "Farid Abdelnour"
 SPDX-License-Identifier = "LGPL-3.0-or-later"

src/dialogs/Simplesplash.qml

@@ -52,8 +52,8 @@ Window {
 
     Rectangle {
         id: splashContent
-        height: splash.crashRecovery || splash.wasUpgraded ? kdenliveid.height * 17 : kdenliveid.height * 15
-        width: height * 1.78
+        height: splash.crashRecovery || splash.wasUpgraded ? kdenliveid.height * 15 : kdenliveid.height * 13
+        width: height * 2
         radius: 8
         border.width: 2
         border.color:"#f38577"
@@ -87,8 +87,9 @@ Window {
                 id: background
                 anchors.fill: parent
                 anchors.margins: 5
-                source: "qrc:/pics/splash-background.png"
-                fillMode: Image.TileVertically
+                source: "qrc:/pics/splash-background.webp"
+                verticalAlignment: Image.AlignTop
+                fillMode: Image.PreserveAspectCrop
                 // Make By KDE
                 Image {
                     id: kdelogo

src/dialogs/Splash.qml

@@ -160,35 +160,33 @@ Window {
 
             Image {
                 id: background
-
                 anchors.fill: parent
                 anchors.margins: 5
                 anchors.bottomMargin: 10
-                source: "qrc:/pics/splash-background.png"
-                fillMode: Image.TileVertically
+                source: "qrc:/pics/splash-background.webp"
+                verticalAlignment: Image.AlignTop
+                fillMode: Image.PreserveAspectCrop
+
+                Text {
+                    id: kdelabel
+                    anchors.bottom: parent.bottom
+                    anchors.right: parent.right
+                    anchors.margins: 10
+                    color: "#FFFFFF"
+                    text: i18n("Made by KDE")
+                }
 
                 // Made By KDE
                 Image {
                     id: kdelogo
-
                     asynchronous: true
-                    anchors.top: parent.top
-                    anchors.left: parent.left
-                    anchors.margins: 10
+                    anchors.verticalCenter: kdelabel.verticalCenter
+                    anchors.right: kdelabel.left
                     height: kdelabel.height
                     width: height
                     source: "qrc:/pics/kde-logo.png"
                     fillMode: Image.PreserveAspectFit
                 }
-
-                Text {
-                    id: kdelabel
-                    anchors.verticalCenter: kdelogo.verticalCenter
-                    anchors.left: kdelogo.right
-                    color: "#FFFFFF"
-                    text: i18n("Made by KDE")
-                }
-
             }
             // rounded corners for image
 

src/icons.qrc

@@ -6,6 +6,6 @@
         <file alias="kdenlive.png">../data/icons/48-apps-kdenlive.png</file>
         <file alias="kdenlive-logo.png">../data/pics/kdenlive-logo.png</file>
         <file alias="kde-logo.png">../data/pics/kde-logo.png</file>
-        <file alias="splash-background.png">../data/pics/splash-background.png</file>
+        <file alias="splash-background.webp">../data/pics/splash-background.webp</file>
     </qresource>
 </RCC>