Instructions to use google/gemma-3-4b-it with libraries, inference providers, notebooks, and local apps. Follow these links to get started.

Libraries

How to use google/gemma-3-4b-it with Transformers:

# Use a pipeline as a high-level helper
from transformers import pipeline

pipe = pipeline("image-text-to-text", model="google/gemma-3-4b-it", device_map="auto")
messages = [
    {
        "role": "user",
        "content": [
            {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"},
            {"type": "text", "text": "What animal is on the candy?"}
        ]
    },
]
pipe(text=messages)

# Load model directly
from transformers import AutoProcessor, AutoModelForMultimodalLM

processor = AutoProcessor.from_pretrained("google/gemma-3-4b-it")
model = AutoModelForMultimodalLM.from_pretrained("google/gemma-3-4b-it", device_map="auto")
messages = [
    {
        "role": "user",
        "content": [
            {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"},
            {"type": "text", "text": "What animal is on the candy?"}
        ]
    },
]
inputs = processor.apply_chat_template(
	messages,
	add_generation_prompt=True,
	tokenize=True,
	return_dict=True,
	return_tensors="pt",
).to(model.device)

outputs = model.generate(**inputs, max_new_tokens=40)
print(processor.decode(outputs[0][inputs["input_ids"].shape[-1]:]))

Inference
HuggingChat
Notebooks
Google Colab
Kaggle
Local Apps Settings

vLLM

How to use google/gemma-3-4b-it with vLLM:

Install from pip and serve model

# Install vLLM from pip:
pip install vllm
# Start the vLLM server:
vllm serve "google/gemma-3-4b-it"
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:8000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "google/gemma-3-4b-it",
		"messages": [
			{
				"role": "user",
				"content": [
					{
						"type": "text",
						"text": "Describe this image in one sentence."
					},
					{
						"type": "image_url",
						"image_url": {
							"url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg"
						}
					}
				]
			}
		]
	}'

Use Docker

docker model run hf.co/google/gemma-3-4b-it

SGLang

How to use google/gemma-3-4b-it with SGLang:

Install from pip and serve model

# Install SGLang from pip:
pip install sglang
# Start the SGLang server:
python3 -m sglang.launch_server \
    --model-path "google/gemma-3-4b-it" \
    --host 0.0.0.0 \
    --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "google/gemma-3-4b-it",
		"messages": [
			{
				"role": "user",
				"content": [
					{
						"type": "text",
						"text": "Describe this image in one sentence."
					},
					{
						"type": "image_url",
						"image_url": {
							"url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg"
						}
					}
				]
			}
		]
	}'

Use Docker images

docker run --gpus all \
    --shm-size 32g \
    -p 30000:30000 \
    -v ~/.cache/huggingface:/root/.cache/huggingface \
    --env "HF_TOKEN=<secret>" \
    --ipc=host \
    lmsysorg/sglang:latest \
    python3 -m sglang.launch_server \
        --model-path "google/gemma-3-4b-it" \
        --host 0.0.0.0 \
        --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "google/gemma-3-4b-it",
		"messages": [
			{
				"role": "user",
				"content": [
					{
						"type": "text",
						"text": "Describe this image in one sentence."
					},
					{
						"type": "image_url",
						"image_url": {
							"url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg"
						}
					}
				]
			}
		]
	}'

Docker Model Runner
How to use google/gemma-3-4b-it with Docker Model Runner:
```
docker model run hf.co/google/gemma-3-4b-it
```

Pan&Scan is desable by default ?

#26

by Jack-HR-Red - opened Mar 22, 2025

Discussion

Jack-HR-Red

Mar 22, 2025

Hi,

it looks like the pan an scan capability in the json config of the image>token is disabled by default. is that an error ?

does it mean that by default the model can't accurately "read" large images ?

thanks in advance for the reply

Renu11

Google org Mar 24, 2025

Hi @Jack-HR-Red , Gemma uses a fixed-resolution (896x896) vision encoder which struggles with non-square or high-resolution images which can cause potential loss of detail. To address this, an adaptive windowing algorithm ("Pan and Scan") is implemented during inference. This algorithm breaks down images into smaller, equal-sized crops, resizes them to 896x896 and then feeds them to the encoder. This windowing is applied only when needed and can be disabled for faster inference, representing a trade-off between speed and accuracy. Please have a look at this Gemma3 technical report for more details on Pan & Scan (P&S)

Jack-HR-Red

Mar 24, 2025

Hi Renu11
thanks for the clear reply.
If I understand correctly, the pan&scan parameter in the config file is by default disable but the model choose automatically to activate when needed.
is that correct ?

thanks in advance for the reply

RyanMullins

Google org Apr 17, 2025

Hi @Jack-HR-Red ! A slight correciton to the above reply:

adaptive windowing algorithm ("Pan and Scan") is implemented during ~~inference~~ preprocessing.

Pan-and-scan is actually a function of the Gemma3ImageProcessor inside the Gemma3Processor. You have to explicitly enable it with kwargs when calling preprocessor, as shown in the following code snippet.

processor = Gemma3Processor.from_pretrained(gemma_model_id)
inputs = processor(images=images, text=text,  images_kwargs={"do_pan_and_scan": True})

Note that even if you enable Pan-and-Scan, it doesn't mean it will engage. There are a few (configurable) early exit conditions, including an aspect ratio threashold, a minimum crop size, and a maximum number of crops.

Upload images, audio, and videos by dragging in the text input, pasting, or clicking here.

Tap or paste here to upload images

· Sign up or log in to comment