<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Zi Xin</title>
    <description>The latest articles on DEV Community by Zi Xin (@zixin).</description>
    <link>https://dev.to/zixin</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3893811%2F865af583-d4ca-48a5-8eff-1ec7d0166a6e.png</url>
      <title>DEV Community: Zi Xin</title>
      <link>https://dev.to/zixin</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zixin"/>
    <language>en</language>
    <item>
      <title>How I Built an AI Image Merge Tool for Combining Two Photos into One Scene</title>
      <dc:creator>Zi Xin</dc:creator>
      <pubDate>Wed, 09 Sep 2026 09:43:17 +0000</pubDate>
      <link>https://dev.to/zixin/how-i-built-an-ai-image-merge-tool-for-combining-two-photos-into-one-scene-439f</link>
      <guid>https://dev.to/zixin/how-i-built-an-ai-image-merge-tool-for-combining-two-photos-into-one-scene-439f</guid>
      <description>&lt;p&gt;How I Built an AI Image Merge Tool for Combining Two Photos into One Scene&lt;br&gt;
Combining two images sounds simple, but the result often looks like a collage.&lt;br&gt;
The subjects may have different lighting, perspective, scale, shadows, and color temperature. Even when both images look good individually, the combined image may not feel like one real photograph.&lt;br&gt;
That is the problem I wanted to solve with AI Image Merge.&lt;br&gt;
What the product does&lt;br&gt;
AI Image Merge takes two source images and creates one coherent AI-generated composition.&lt;br&gt;
It can be used to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Put two people into one shared moment&lt;/li&gt;
&lt;li&gt;Place a product into a lifestyle scene&lt;/li&gt;
&lt;li&gt;Furnish an empty room using a reference image&lt;/li&gt;
&lt;li&gt;Create a travel portrait&lt;/li&gt;
&lt;li&gt;Try accessories on a person&lt;/li&gt;
&lt;li&gt;Mix subjects, colors, and visual styles
The workflow is simple:&lt;/li&gt;
&lt;li&gt;Upload two JPG, PNG, or WebP images&lt;/li&gt;
&lt;li&gt;Choose a merge direction&lt;/li&gt;
&lt;li&gt;Add an optional prompt&lt;/li&gt;
&lt;li&gt;Select an output ratio&lt;/li&gt;
&lt;li&gt;Generate and download the result as a PNG
Each image can be up to 10 MB.
Merge presets
The product currently includes five presets:
Natural
Creates a balanced and realistic composition.
People
Places people from two photos into one shared scene.
Product
Moves a product into a new environment while preserving its visual details.
Room
Turns an empty room into a furnished interior based on a reference image.
Creative
Combines the strongest subjects, colors, and styles from both images.
Users can also add instructions such as:
Place the person from image one in the cafe from image two.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The main technical challenge&lt;br&gt;
The difficult part is not simply sending two images to an AI model.&lt;br&gt;
The output needs to preserve important details from both sources while matching:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lighting direction&lt;/li&gt;
&lt;li&gt;Perspective&lt;/li&gt;
&lt;li&gt;Subject scale&lt;/li&gt;
&lt;li&gt;Posture and eye line&lt;/li&gt;
&lt;li&gt;Contact shadows&lt;/li&gt;
&lt;li&gt;Depth of field&lt;/li&gt;
&lt;li&gt;Color temperature&lt;/li&gt;
&lt;li&gt;Background depth&lt;/li&gt;
&lt;li&gt;Product shape and material
The application builds these requirements into preset prompts so users can get better results without writing long prompts themselves.
Technical architecture
The application is built with Next.js and TypeScript.
The image merge flow is asynchronous:&lt;/li&gt;
&lt;li&gt;The browser requests upload URLs&lt;/li&gt;
&lt;li&gt;Images are uploaded directly to object storage&lt;/li&gt;
&lt;li&gt;The server creates a merge task&lt;/li&gt;
&lt;li&gt;Credits are reserved&lt;/li&gt;
&lt;li&gt;The task is sent to the configured AI provider&lt;/li&gt;
&lt;li&gt;The client polls the persisted task status&lt;/li&gt;
&lt;li&gt;The generated image becomes available for preview and download
The provider layer is separate from the product workflow. The project supports providers such as Kie, Replicate, Gemini, and Fal.
This means the AI provider can be changed without rewriting the upload, credit, task, or download flow.
Pricing and downloads
New users receive three free 1K generations after signing up.
One credit creates one 1K image.
Free-credit downloads include a watermark. Paid generations can be downloaded without a watermark. The product supports both subscriptions and one-time credit packs.
Why I built it
Many image tools focus on generating a completely new image from text.
I wanted a more practical workflow: start with two images that already contain something important, then combine them into one believable result.
This makes the tool useful for:&lt;/li&gt;
&lt;li&gt;Personal portraits&lt;/li&gt;
&lt;li&gt;Product concept images&lt;/li&gt;
&lt;li&gt;Interior previews&lt;/li&gt;
&lt;li&gt;Marketing experiments&lt;/li&gt;
&lt;li&gt;Social content&lt;/li&gt;
&lt;li&gt;Creative references
Try it here:
&lt;a href="https://aiimagemerge.com" rel="noopener noreferrer"&gt;https://aiimagemerge.com&lt;/a&gt;
I would love to see what kinds of images people create with it.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>nextjs</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Free avatar maker — create cute profile pictures in seconds</title>
      <dc:creator>Zi Xin</dc:creator>
      <pubDate>Thu, 23 Apr 2026 08:23:41 +0000</pubDate>
      <link>https://dev.to/zixin/free-avatar-maker-create-cute-profile-pictures-in-seconds-2b4i</link>
      <guid>https://dev.to/zixin/free-avatar-maker-create-cute-profile-pictures-in-seconds-2b4i</guid>
      <description>&lt;p&gt;Square Face Generator - Free Online Avatar Maker  &lt;/p&gt;

&lt;p&gt;Link: &lt;a href="https://squarefacegenerator.one" rel="noopener noreferrer"&gt;https://squarefacegenerator.one&lt;/a&gt;                                                                  &lt;/p&gt;

&lt;p&gt;Square Face Generator is a fast, browser-based avatar creation tool designed for anyone who wants a personalized profile picture without the&lt;br&gt;
  complexity of photo editing or the impersonality of generic avatars.                                                                             &lt;/p&gt;

&lt;p&gt;How It Works                                                                                                                                     &lt;/p&gt;

&lt;p&gt;The tool offers an intuitive interface where users can customize every aspect of their avatar in real-time. Start with one of 20+ preset looks or&lt;br&gt;
   build from scratch by adjusting hair (bangs and side styles), facial features (eyes, nose, mouth, cheeks), accessories (glasses, hats,&lt;br&gt;
  clothing), and colors. Each change updates instantly in the preview, making it easy to experiment and find the perfect look.                     &lt;/p&gt;

&lt;p&gt;Four Visual Styles                                                                                                                               &lt;/p&gt;

&lt;p&gt;Users aren't limited to one aesthetic. Square Face Generator includes four distinct avatar styles:                                               &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Square: The classic clean look
&lt;/li&gt;
&lt;li&gt;Cube: A faux 3D blocky style perfect for gaming and streams&lt;/li&gt;
&lt;li&gt;Oval: A softer, rounder face shape
&lt;/li&gt;
&lt;li&gt;Pixel: Retro pixel-art style for nostalgic vibes
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Key Advantages                                                                                                                                   &lt;/p&gt;

&lt;p&gt;Everything runs entirely in the browser—no uploads, no accounts, no waiting. Users can download their finished avatar as a clean square PNG&lt;br&gt;&lt;br&gt;
  optimized for profile pictures across Discord, TikTok, Twitter/X, gaming platforms, and more. The shareable preset system lets users copy direct&lt;br&gt;
  links to their creations, making it easy for friends to remix or recreate similar looks.                                                         &lt;/p&gt;

&lt;p&gt;Perfect For                                  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Gaming communities and Discord servers&lt;/li&gt;
&lt;li&gt;Content creators and streamers building personal brands&lt;/li&gt;
&lt;li&gt;Social media users wanting playful alternatives to selfies&lt;/li&gt;
&lt;li&gt;Community projects, newsletters, and side hustles&lt;/li&gt;
&lt;li&gt;Character design references and moodboards&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Why It Stands Out&lt;/p&gt;

&lt;p&gt;The combination of speed, customization depth, and instant sharing makes Square Face Generator ideal for users who want personality without&lt;br&gt;&lt;br&gt;
  friction. With mobile optimization, accessibility-first design, and no paywalls or watermarks, it removes barriers to creative expression.&lt;/p&gt;

&lt;p&gt;Whether you're looking for a quick gaming avatar or a mascot for your project, Square Face Generator delivers results in seconds.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
