Optimized emscripten logo in generated html (emscripten-core#20690)

Replaces the huge SVG in the shell with a smaller logo.
juj · Nov 16, 2023 · 90ab3a7 · 90ab3a7
1 parent 9429b48
commit 90ab3a7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/emcc.py b/emcc.py
@@ -4218,7 +4218,9 @@ def generate_traditional_runtime_html(target, options, js_target, target_basenam
 
   shell = do_replace(shell, '{{{ SCRIPT }}}', script.replacement())
   shell = shell.replace('{{{ SHELL_CSS }}}', utils.read_file(utils.path_from_root('src/shell.css')))
-  shell = shell.replace('{{{ SHELL_LOGO }}}', utils.read_file(utils.path_from_root('media/powered_by_logo_mini.svg')))
+  shell_logo = utils.read_binary(utils.path_from_root('media/powered_by_logo_shell.png'))
+  shell_logo_b64 = base64_encode(shell_logo)
+  shell = shell.replace('{{{ SHELL_LOGO }}}', f'<img id="emscripten_logo" src="data:image/png;base64,{shell_logo_b64}">')
 
   check_output_file(target)
   write_file(target, shell)

diff --git a/media/powered_by_logo_shell.png b/media/powered_by_logo_shell.png
diff --git a/src/shell.css b/src/shell.css
@@ -13,6 +13,8 @@ canvas.emscripten { border: 0px none; background-color: black; }
 #emscripten_logo {
   display: inline-block;
   margin: 0;
+  padding: 6px;
+  width: 265px;
 }
 
 .spinner {