Use SVGs for UI graphics. Implements #27828.

src/app/components/common/dialog/about/about-dialog.component.css

@@ -1,5 +1,5 @@
 .bg-photo {
-	background: url(/assets/images/beastie-shark.png);
+	background: url(/assets/images/beastie-shark.svg);
 	background-repeat: no-repeat;
   background-size: auto 80%;
   background-position: top right;
@@ -40,4 +40,4 @@
   	background-size: auto 70px;
 	  padding-right: 0px;
   }
-}
+}

src/app/components/common/layouts/admin-layout/admin-layout.template.html

@@ -6,31 +6,31 @@
         <div *ngIf="theme.isActive">
           <div *ngIf="theme.hasDarkLogo; else lightLogo">
             <div class="branding mat-bg-primary" *ngIf="is_freenas; else isTruenasDark">
-              <img src="assets/images/logo.png" alt="" class="app-logo">
-              <img src="assets/images/logo-text.png" alt="" class="app-logo-text">
+              <img src="assets/images/logo.svg" alt="FreeNAS Shark logo" class="app-logo">
+              <img src="assets/images/logo-text.svg" alt="FreeNAS" class="app-logo-text">
             </div>
             <ng-template #isTruenasDark>
               <div class="branding mat-bg-primary">
-                <img src="assets/images/truenas-logo-ondark.png" alt="truenas-logo">
+                <img src="assets/images/truenas-logo-ondark.svg" alt="TrueNAS logo">
               </div>
           </ng-template>
 	  </div>
   	  <ng-template #lightLogo>
             <div class="branding mat-bg-primary" *ngIf="is_freenas; else isTruenasLight">
-              <img src="assets/images/light-logo.png" alt="" class="app-logo">
-              <img src="assets/images/light-logo-text.png" alt="" class="app-logo-text">
+              <img src="assets/images/light-logo.svg" alt="FreeNAS icon" class="app-logo">
+              <img src="assets/images/light-logo-text.svg" alt="FreeNAS" class="app-logo-text">
             </div>
             <ng-template #isTruenasLight>
               <div class="branding mat-bg-primary">
-                <img src="assets/images/truenas-logo.png" alt="truenas-logo">
+                <img src="assets/images/truenas-logo.svg" alt="TrueNAS logo">
               </div>
           </ng-template>
 	  </ng-template>
         </div>
       </div>
       <div class="app-user">
         <div class="app-user-photo">
-          <img src="assets/images/ix.png" alt="">
+          <img src="assets/images/ix.svg" alt="iXsystems logo">
         </div>
         <span class="app-user-name">
           <md-icon class="icon-xs text-muted">lock</md-icon>

src/app/views/sessions/forgot-password/forgot-password.component.html

@@ -4,7 +4,7 @@
     <md-card>
       <md-card-content>
         <div class="text-center pb-1">
-          <img src="assets/images/logo-full.png" alt="">
+          <img src="assets/images/logo-full.svg" alt="FreeNAS logo">
           <p class="text-muted">New password will be sent to your email address</p>
         </div>
         <form #fpForm="ngForm" (ngSubmit)="submitEmail()">

src/app/views/sessions/signin/signin.component.html

@@ -5,9 +5,9 @@
       <md-card-content>
         <div *ngIf="connected();else notconnected">
         <div class="text-center pb-1" *ngIf="logo_ready">
-          <img *ngIf="is_freenas; else isTruenas" src="assets/images/logo-full.png" alt="freenas-log">
+          <img *ngIf="is_freenas; else isTruenas" src="assets/images/logo-full.svg" alt="FreeNAS logo">
           <ng-template #isTruenas>
-            <img src="assets/images/truenas-logo.png" alt="truenas-logo">
+            <img src="assets/images/truenas-logo.svg" alt="TrueNAS logo">
           </ng-template>
           <!--p class="text-muted">Sign in to your account</p-->
         </div>

src/app/views/sessions/signup/signup.component.html

@@ -4,7 +4,7 @@
     <md-card>
       <md-card-content>
         <div class="text-center pb-1">
-          <img src="assets/images/logo-full.png" alt="">
+          <img src="assets/images/logo-full.svg" alt="FreeNAS logo">
           <p class="text-muted">Sign up to use our service</p>
         </div>
         <form #signupForm="ngForm" (ngSubmit)="signup()">