Fix broken images in guides and website meta tags (#4830)

* testing meta tags

* fix broken images in guides

guides/01_getting-started/02_key-features.md

@@ -109,7 +109,7 @@ If you wish for the user to provide a reason for flagging, you can pass a list o
 
 ## Preprocessing and Postprocessing
 
-![](https://github.com/gradio-app/gradio/blob/main/ui/packages/_website/src/assets/img/dataflow.svg?raw=true)
+![](https://github.com/gradio-app/gradio/blob/main/js/_website/src/assets/img/dataflow.svg?raw=true)
 
 As you've seen, Gradio includes components that can handle a variety of different data types, such as images, audio, and video. Most components can be used both as inputs or outputs.
 

guides/01_getting-started/03_sharing-your-app.md

@@ -46,7 +46,7 @@ After you have [created a free Hugging Face account](https://huggingface.co/join
 
 Note: Some components, like `gr.Image`, will display a "Share" button only on Spaces, so that users can share the generated output to the Discussions page of the Space easily. You can disable this with `show_share_button`, such as `gr.Image(show_share_button=False)`. 
 
-![Image with show_share_button=True](https://github.com/gradio-app/gradio/blob/main/guides/assets/share_icon.png)
+![Image with show_share_button=True](https://github.com/gradio-app/gradio/blob/main/guides/assets/share_icon.png?raw=true)
 
 ## Embedding Hosted Spaces
 

js/_website/src/components/MetaTags.svelte

@@ -16,12 +16,18 @@
 	<meta property="og:type" content="website" />
 	<meta property="og:url" content={url} />
 	<meta property="og:description" content={description} />
-	<meta property="og:image" content={image} />
+	<meta
+		property="og:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/website/homepage/src/assets/img/meta-image.png"
+	/>
 	<meta name="twitter:card" content="summary_large_image" />
 	<meta name="twitter:creator" content="@Gradio" />
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content="{description}." />
-	<meta name="twitter:image" content={image} />
+	<meta
+		name="twitter:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/website/homepage/src/assets/img/meta-image.png"
+	/>
 
 	<link rel="canonical" href={canonical} />
 </svelte:head>